1

api/business/member.js

@@ -8,6 +8,7 @@ export function bloggerDetail(userId) {
 		url: '/member/member/bloggerDetail/' + userId,
 		method: 'get'
 	})
+}
 export function queryDetail(params) {
 	return request({
 		url: '/member/member/queryDetail',

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: {

pages/notice/report.vue

@@ -39,6 +39,7 @@
 						<!-- 需要根据平台code取对应的图片 TODO -->
 						<image :src="'/static/platform/'+item.platformCode+'.png'" mode="aspectFit"></image>
 						<text>{{item.platformName+'博主'}}</text>
+						<view class="change-dom" @click="goSignCard()">切换</view>
 					</view>
 					<view class="card-content">
 						<view class="card-person-info">
@@ -46,15 +47,29 @@
 								<view>{{item.accountName}}</view>
 							</view>
 						</view>
+						<view class="card-fans-dom">
+							<view class="fans-box">
+								<image src="@/static/mine/fans.png" mode="aspectFit"></image>
+								<view class="fans-num">{{ formatNumberWithUnits(item.fansNum) }}</view>
+							</view>
+						</view>
 					</view>
 					<view class="card-bottom">
-						<view class="fans-dom">
+						<view class="item-field-row">
-							粉丝 {{ formatNumberWithUnits(item.fansNum) }}
+							<view class="item-lable is-required">
+								自报价
 							</view>
-						<view class="change-dom-bg">
+							<view class="item-value">
+								<input class="uni-input" v-model="dataObj.name" type="number" placeholder="请输入" />
+							</view>
+						</view>
+						<view class="item-field-row">
+							<view class="item-lable is-required">
+								附言
+							</view>
+							<view class="item-value">
+								<input class="uni-input" v-model="dataObj.name" type="text" placeholder="请输入" />
 							</view>
-						<view class="change-dom" @click="goMyCard()">
-							切换
 						</view>
 					</view>
 				</view>
@@ -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 {
+						.item-field-row {
-							color: #FC1F3E;
+							width: 100%;
-							flex: 1;
-							height: 70rpx;
 							display: flex;
-							align-items: center;
+							align-items: self-start;
 							justify-content: start;
-							padding-left: 30rpx;
+							padding-bottom: 15rpx;
-							background: url('/static/detail/juxing.png');
+							padding-top: 15rpx;
-							background-size: 100% 100%;
+							border-bottom: 1rpx solid #F2F2F2;
-							/* 让背景图片覆盖整个元素，同时保持图片的比例 */
-							background-position: center;
-							/* 确保图片在元素中居中 */
-							background-repeat: no-repeat;
-							/* 防止图片重复 */
-							border-radius: 0 0 0 20rpx;
-						}
 
-						.change-dom-bg {
+							.img-upload {
-							height: 70rpx;
+								width: 50%;
-							width: 147rpx;
+								margin: 10rpx 10rpx;
-						}
-
-						.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;
+								}
+							}
 						}
 					}
 				}