1
This commit is contained in:
Vinjor
parent
742b399651
commit
1009faf3b3
@ -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',
|
||||
|
||||
@ -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: {
|
||||
|
||||
@ -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">
|
||||
粉丝 {{ formatNumberWithUnits(item.fansNum) }}
|
||||
<view class="item-field-row">
|
||||
<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 {
|
||||
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;
|
||||
}
|
||||
|
||||
.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;
|
||||
.img-upload {
|
||||
width: 50%;
|
||||
margin: 10rpx 10rpx;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.9 KiB |
Loading…
Reference in New Issue
Block a user