From 1009faf3b3823ea3a6110d34c3a237e377d7c393 Mon Sep 17 00:00:00 2001 From: Vinjor Date: Thu, 10 Apr 2025 10:12:52 +0800 Subject: [PATCH] 1 --- api/business/member.js | 23 ++--- config.js | 2 +- pages/notice/report.vue | 176 +++++++++++++++++++++++++++----------- static/detail/qiehuan.png | Bin 1847 -> 1903 bytes 4 files changed, 140 insertions(+), 61 deletions(-) diff --git a/api/business/member.js b/api/business/member.js index 241ea0b..8b5c445 100644 --- a/api/business/member.js +++ b/api/business/member.js @@ -8,20 +8,21 @@ export function bloggerDetail(userId) { url: '/member/member/bloggerDetail/' + userId, method: 'get' }) +} export function queryDetail(params) { - return request({ - url: '/member/member/queryDetail', - method: 'get', - params:params - }) + return request({ + url: '/member/member/queryDetail', + method: 'get', + params: params + }) } //保存博主 export function uniSaveMember(data) { - return request({ - url: '/member/member/uniSaveMember', - method: 'post', - data:data - }) + return request({ + url: '/member/member/uniSaveMember', + method: 'post', + data: data + }) } @@ -120,4 +121,4 @@ export function selectMemberRights() { url: '/member/card/selectMemberRights', method: 'get' }) -} +} \ No newline at end of file diff --git a/config.js b/config.js index 70005e5..e4ad698 100644 --- a/config.js +++ b/config.js @@ -1,6 +1,6 @@ // 应用全局配置 module.exports = { - baseUrl: 'http://192.168.1.4:8080', + baseUrl: 'http://192.168.1.17:8080', // baseUrl: 'http://localhost:8080', // 应用信息 appInfo: { diff --git a/pages/notice/report.vue b/pages/notice/report.vue index 3128231..64f6d67 100644 --- a/pages/notice/report.vue +++ b/pages/notice/report.vue @@ -39,6 +39,7 @@ {{item.platformName+'博主'}} + 切换 @@ -46,15 +47,29 @@ {{item.accountName}} + + + + {{ formatNumberWithUnits(item.fansNum) }} + + - - 粉丝 {{ formatNumberWithUnits(item.fansNum) }} + + + 自报价 + + + + - - - - 切换 + + + 附言 + + + + @@ -545,7 +560,7 @@ .member-card-box { width: 100%; display: flex; - padding-top: 30rpx; + padding: 30rpx; margin-top: 20rpx; flex-direction: column; align-items: center; @@ -562,7 +577,6 @@ .card-title { width: 100%; display: flex; - padding: 0 30rpx; align-items: center; justify-content: center; @@ -583,20 +597,31 @@ text-align: right; width: 150rpx; } + + .change-dom { + display: flex; + align-items: center; + justify-content: center; + padding: 8rpx 30rpx; + font-size: 26rpx; + background-color: #FC1F3E; + color: white; + border-radius: 30rpx; + } } .card-content { margin-top: 10rpx; width: 100%; - padding: 0 30rpx; + padding-bottom: 10rpx; display: flex; align-items: center; justify-content: flex-start; + border-bottom: 1rpx solid #F2F2F2; .card-person-info { - flex: 1; display: flex; - align-items: self-start; + align-items: center; justify-content: center; flex-direction: column; @@ -615,59 +640,112 @@ } } } + + .card-fans-dom { + margin-left: 30rpx; + display: flex; + align-items: center; + justify-content: start; + + .fans-box { + max-width: 200rpx; + margin-right: 10rpx; + font-size: 18rpx; + display: flex; + align-items: center; + justify-content: center; + background-color: #FEF4EF; + padding: 5rpx 15rpx; + color: #FE9860; + border-radius: 20rpx; + + image { + height: 20rpx; + width: 20rpx; + margin-right: 8rpx; + } + } + } } .card-bottom { width: 100%; display: flex; align-items: center; + flex-direction: column; justify-content: flex-start; margin-top: 20rpx; position: relative; - .fans-dom { - color: #FC1F3E; - flex: 1; - height: 70rpx; + .item-field-row { + width: 100%; display: flex; - align-items: center; + align-items: self-start; justify-content: start; - padding-left: 30rpx; - background: url('/static/detail/juxing.png'); - background-size: 100% 100%; - /* 让背景图片覆盖整个元素，同时保持图片的比例 */ - background-position: center; - /* 确保图片在元素中居中 */ - background-repeat: no-repeat; - /* 防止图片重复 */ - border-radius: 0 0 0 20rpx; - } + padding-bottom: 15rpx; + padding-top: 15rpx; + border-bottom: 1rpx solid #F2F2F2; - .change-dom-bg { - height: 70rpx; - width: 147rpx; - } + .img-upload { + width: 50%; + margin: 10rpx 10rpx; + display: flex; + align-items: center; + justify-content: center; + } - .change-dom { - height: 70rpx; - background: url('/static/detail/qiehuan.png'); - background-size: 101% 100%; - /* 让背景图片覆盖整个元素，同时保持图片的比例 */ - background-position: center; - /* 确保图片在元素中居中 */ - background-repeat: no-repeat; - /* 防止图片重复 */ - border-radius: 0 0 20rpx 0; - padding-left: 20rpx; - width: 170rpx; - color: white; - display: flex; - align-items: center; - justify-content: center; - position: absolute; - right: 0; - bottom: 0; + .is-required { + image { + width: 20rpx; + height: 20rpx; + margin-right: 10rpx; + } + } + .item-lable { + width: 210rpx; + padding: 15rpx 0; + display: flex; + align-items: center; + justify-content: start; + + } + + .item-value { + flex: 1; + padding-left: 20rpx; + display: flex; + align-items: center; + justify-content: flex-end; + + input { + width: 100%; + padding-left: 20rpx; + line-height: 1; + height: 70rpx; + border: 1rpx solid #dcdfe6; + border-radius: 8rpx; + } + + .choose-add { + color: #686868; + padding: 10rpx 0 10rpx 20rpx; + display: flex; + align-items: center; + justify-content: flex-start; + border: 1rpx solid #dcdfe6; + border-radius: 8rpx; + } + + textarea { + width: 100%; + height: 150rpx; + color: #686868; + padding: 10rpx 0 10rpx 20rpx; + border: 1rpx solid #dcdfe6; + border-radius: 8rpx; + } + } } } } diff --git a/static/detail/qiehuan.png b/static/detail/qiehuan.png index 18333fe4f5600593b7a4f179fc83f1ade07bcd07..32b9ab7bf3a6e5443b8c34c993a2eb18c8d1f186 100644 GIT binary patch delta 1066 zcmV+_1l9Yu4(|?AiBL{Q4GJ0x0000DNk~Le0001`0000z2nGNE0L&h#^Z)<=0drDE zLIAGL9O(c600d`2O+f$vv5yP`$^pwxxMA2UV~?M4K#R7qzhRRa;kG}R<;=6G&Ak(4*j$zFUV?=NQBW=jB>ifrGV<;A@yB;={bJtco+7XZ14l#)p*b_tM+UZ?Na6FEQ@A_WxU zrdh#8gGf$W1W46}O6diq4~}aw?^^^&P3-5Cy)13twbONj zJIqwJC4j_jcv5=ff8V@+$3i+W0n#(jr1bQ_<2u!ehFTPeNq*~Wb)`oszVW5)@pnlhV`wimnqn zAVLea1O=CSDLvP^F~cNBEkeQNzJ0G3R%;jZE$y=i1vL_ra*cDPLqald5ejOwN;z|N zPABE0MJT9Ekt(HEYBqk=L(fkZp@2rNlwMGNeMF1dvIqq;lBINy?!43^7#^5aP$OAN kPq*=FTFLJ%LSYcS0SC11r8C%8!2kdN07*qoM6N<$g0%MKH2?qr delta 1010 zcmV41yGL=FQyBeKw;l3R{Q=`hKAI4$dfi=bP{I zF~c1;#?YT&=HG6crd(rXQ~8`BK7S}Tx69WSdp81Lo#3?^w4Ba%8#dQvyBV?pRR%42 z{xv4y1vUcbZ$B)T77oFjK&?T^@Bv5! z^cs{Y4T*qWgOYI|5zt)mQ;-N~uJ{2+1k@VTW#l)WG?+YU$xR3&I^V4{j!Np#6}0a5~W z28~Txcs5RkdmtrHSMjTfyr5r}PDlz=C1@3wos+VBg`_~GL3uKqC1cJ)QlPTpSE}B> zFONJ9X@RN)U8#Eaf-EzT7N|^6ODXN|m&ZOO9L)%{C8#AiJv?ZbZhu2wpfW)%rg=|8 zO#^^{ALGnH4e*$ugY zI)lb0&E#6krZOtq21pLnRD8|oli^1;IH3e6P0;14CoX&bfGju^7wAgR*zDp_H*!zN z_8Vje>I@p2^mAxm0)IUZ*@3!>Urpp?A4;Geh5SHOf>v>(gne7yEaV3&6LdL61N-j# zevAO9G-zznbZ|$mp3YzlKvl)ps(z{dlKd|^jxhk032G^&{SNs%dBS02KwE-ZlGDR4 z!A}7O00({?KlGqlw*UYD07*qoM6N<$g6Ijmi~s-t