pxl/tk-mini-program
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化页面

Browse Source
This commit is contained in:
pengxiaolong
2025-06-13 22:13:15 +08:00
parent de99d32c01
commit 0f2a48b450
86 changed files with 4383 additions and 671 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
pages/pkDetail/pkDetail.vue
View File

@@ -9,7 +9,11 @@
</view>
<view class="Navigation">
<view class="Return" @click="Returnfunc">
<image class="Return" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
<image
class="Return"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png"
mode="scaleToFill"
/>
</view>
</view>
<view class="Content">
@@ -30,7 +34,7 @@
mode="scaleToFill"
/>
</view>
<view class="age"> {{ item.sex === '1'? '男' : '女' }} </view>
<view class="age">男</view>
</view>
<view class="female" v-else>
@@ -41,7 +45,7 @@
mode="scaleToFill"
/>
</view>
<view class="age">{{ item.sex === '2' ? '男' : '女' }}</view>
<view class="age">女</view>
</view>
</view>
<view class="nation">{{ item.country }}</view>
@@ -55,7 +59,7 @@
mode="scaleToFill"
/>
<view class="goldcard">
<view class="goldnumber">{{ item.coin }}</view>
<view class="goldnumber">{{ item.coin }}K</view>
<view class="goldtext">金币</view>
</view>
</view>
@@ -74,13 +78,13 @@
</view>
<view class="remark">
<uni-easyinput
type="textarea"
v-model="item.remark"
placeholder="备注"
maxlength="-1"
disabled="true"
:style="style"
></uni-easyinput>
type="textarea"
v-model="item.remark"
placeholder="备注"
maxlength="-1"
disabled="true"
:style="style"
></uni-easyinput>
</view>
<view class="button" v-if="item.senderId !== id">
<button class="accept" @click="openChat()">聊了个天</button>
@@ -90,20 +94,18 @@
</view>
<!-- 弹窗 -->
<uni-popup ref="popup" type="center" border-radius="10px 10px 0 0">
<view
class="popup-content"
>
<view class="popup-content">
<view class="popup-title">
<view class="popup-text">请选择您要参与的主播</view>
<view v-if="list.length !== 0">
<scroll-view scroll-y="true" class="scroll">
<view class="card" v-for="(item, index) in list" :key="index">
<view
class="card-content"
@click="Select(item.id, index)"
:style="{
background:
selectedId === item.id ? '#f6f6f6' : '#ffffff',
background: selectedId === item.id ? '#f6f6f6' : '#ffffff',
}"
>
<view class="Avatarimg">
@@ -114,14 +116,18 @@
<view class="NameMoney_Name">{{ item.anchorId }}</view>
</view>
<view class="TimeMoney_Time">
<view class="pkTimeimg"></view><view>{{ TimeFormatting(item.pkTime) }}</view>
<viewm class="goldnb"><view class="goldimg"></view>{{ item.coin }}K</viewm>
</view>
<view class="pkTimeimg"></view
><view>{{ TimeFormatting(item.pkTime) }}</view>
<viewm class="goldnb"
><view class="goldimg"></view>{{ item.coin }}K</viewm
>
</view>
</view>
</view>
</view>
<!-- `````````````` -->
</scroll-view>
</view>
<view class="noData" v-if="list.length === 0">您还没有可参与的主播PK，快去新建一个吧！</view>
</view>
<view class="popup-btn">
<button class="invite" type="primary" @click="invite()">邀请</button>
@@ -158,7 +164,7 @@ export default {
// parentMessage: null,
style: {
backgroundColor: "#ffffff",
}
},
};
},
onLoad(options) {
@@ -259,7 +265,10 @@ export default {
this.list = res.data;
} else {
uni.hideLoading();
this.openPopupQuantity();
setTimeout(() => {
this.openPopupQuantity();
this.$refs.popup.close();
}, 2000);
}
} else {
uni.hideLoading();
@@ -408,8 +417,8 @@ export default {
font-weight: bold;
font-size: 27rpx;
color: #161616;
white-space: nowrap; /* 防止换行 */
overflow: hidden; /* 隐藏溢出内容 */
white-space: nowrap; /* 防止换行 */
overflow: hidden; /* 隐藏溢出内容 */
text-overflow: ellipsis; /* 显示省略号 */
}
.background {
@@ -481,8 +490,8 @@ export default {
.nation {
/* width: 56.3rpx; */
height: 29.58rpx;
white-space: nowrap; /* 防止换行 */
overflow: hidden; /* 隐藏溢出内容 */
white-space: nowrap; /* 防止换行 */
overflow: hidden; /* 隐藏溢出内容 */
text-overflow: ellipsis; /* 显示省略号 */
font-size: 17.18rpx;
color: #666666;
@@ -564,7 +573,7 @@ export default {
flex-direction: column;
align-items: center;
}
.remark{
.remark {
margin-top: 60rpx;
width: 90%;
}
@@ -595,4 +604,11 @@ export default {
font-size: 28.63rpx;
line-height: 77.29rpx;
}
.noData{
width: 500rpx;
height: 400rpx;
border-radius: 10px;
font-size: 30rpx;
color: #999;
}
</style>