优化页面

This commit is contained in:
pengxiaolong
2025-06-19 22:27:00 +08:00
parent b73ddb0370
commit bcaa54bec8
115 changed files with 1273 additions and 353 deletions

View File

@@ -16,6 +16,7 @@
</view>
<view class="title">主播库</view>
<view class="content">
<scroll-view
show-scrollbar="false"
scroll-y="true"
@@ -25,6 +26,7 @@
@refresherrefresh="onRefresherRefresh"
lower-threshold="100"
:refresher-triggered="triggered"
v-if="AnchorList.length !== 0"
>
<uni-card class="card" v-for="(item, index) in AnchorList" :key="index">
<view class="Profile">
@@ -82,6 +84,7 @@
</view>
</uni-card>
</scroll-view>
<view v-else class="empty">暂无内容</view>
</view>
<view class="addition" @click="openPopupQuantity()"> </view>
</view>
@@ -225,6 +228,18 @@ export default {
height: 1300rpx;
width: 100%;
}
.empty{
position: absolute;
top: 200rpx;
left: 0;
right: 0;
height: 1300rpx;
width: 100%;
line-height: 1300rpx;
text-align: center;
font-size: 30rpx;
color: #a3a3a3;
}
.card {
width: 695rpx;
height: 180rpx;

View File

@@ -7,6 +7,18 @@
<image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
</view>
<view class="title">联系客服</view>
<view class="content">
<view class="building">
<view>
<image
style="width: 500rpx;"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/building.png"
mode="scaleToFill"
/>
</view>
<view class="buildingTitle">建设中~</view>
</view>
</view>
</view>
</template>
@@ -63,4 +75,27 @@
width: 100%;
height: 100%;
}
/* 建设中 */
.content{
position: absolute;
top: 250rpx;
left: 0rpx;
right: 0rpx;
bottom: 100rpx;
}
.building{
width: 100%;
height: 90%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.buildingTitle{
font-size: 40rpx;
color: #999999;
font-weight: bold;
text-align: center;
margin-top: 50rpx;
}
</style>

View File

@@ -18,6 +18,7 @@
lower-threshold="100"
@scrolltolower="onScrollToLower"
:refresher-triggered="triggered"
v-if="pkList.length !== 0"
>
<uni-card class="card" v-for="(item, index) in pkList" :key="index">
<view class="Profile">
@@ -97,6 +98,7 @@
</view>
</uni-card>
</scroll-view>
<view v-if="pkList.length === 0" class="no-data">暂无内容</view>
</view>
</view>
<Recompose ref="createModule" class="createModule" :message="parentMessage" @Refresh="onRefresherRefresh"></Recompose>
@@ -104,6 +106,7 @@
<uni-popup ref="popup" type="center" border-radius="10px 10px 0 0">
<view class="popup-container">
<view class="popup-title">选择置顶时长</view>
<view class="popup-text"> 置顶后该用户将在首页置顶并在指定时长内享有置顶特权置顶时长不足 1 小时系统将按 1 小时计算积分扣除请选择置顶时长</view>
<view class="popup-picker">
<picker mode = "selector" :range="pickerArray" :value="index" @change="bindPickerChange">
<view class="uni-input">{{pickerArray[index]}}小时</view>
@@ -236,12 +239,7 @@ export default {
this.topPinnedPersondata = {}
},
onTopConfirm() {
if(Math.ceil(Date.now() / 1000 + Number(this.pickerArray[this.index]) * 3600) <= this.topPinnedPersondata.pkTime){
this.Topdate = Math.ceil(Date.now() / 1000 + Number(this.pickerArray[this.index]) * 3600)
}else{
this.Topdate = this.topPinnedPersondata.pkTime
}
this.Topdate = Math.ceil(Date.now() / 1000 + Number(this.pickerArray[this.index]) * 3600)
request({
url: "user/pinToTop",
method: "POST",
@@ -386,6 +384,18 @@ export default {
height: 1300rpx;
width: 100%;
}
.no-data{
position: absolute;
top: 200rpx;
left: 0;
right: 0;
height: 1300rpx;
width: 100%;
line-height: 1300rpx;
text-align: center;
font-size: 30rpx;
color: #959595;
}
.card {
width: 695rpx;
height: 180rpx;
@@ -504,12 +514,13 @@ export default {
}
.popup-container{
width: 500rpx;
height: 300rpx;
height: 500rpx;
background-color: #ffffff;
border-radius: 30rpx;
display: flex;
flex-direction: column;
align-items: center;
padding: 30rpx;
}
.popup-container-out{
width: 500rpx;
@@ -541,32 +552,33 @@ export default {
font-size: 25rpx;
color: #959595;
margin-top: 30rpx;
width: 400rpx;
}
.popup-picker{
margin-top: 30rpx;
width: 400rpx;
height: 50rpx;
margin-top: 60rpx;
width: 450rpx;
height: 60rpx;
border: #5bced1 solid 1rpx;
border-radius: 15rpx;
}
.uni-input{
font-size: 30rpx;
color: #ffffff;
width: 400rpx;
height: 50rpx;
width: 450rpx;
height: 60rpx;
text-align: center;
line-height: 50rpx;
line-height: 60rpx;
background-color: #5bced1;
border-radius: 15rpx;
}
.popup-btn{
margin-top: 30rpx;
margin-top: 60rpx;
display: flex;
justify-content: center;
}
.uni-primary{
width: 150rpx;
height: 50rpx;
width: 200rpx;
height: 60rpx;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
@@ -574,12 +586,12 @@ export default {
font-size: 25rpx;
color: #ffffff;
text-align: center;
line-height: 50rpx;
margin-right: 20rpx;
line-height: 60rpx;
margin-right: 30rpx;
}
.uni-default{
width: 150rpx;
height: 50rpx;
width: 200rpx;
height: 60rpx;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
@@ -587,6 +599,6 @@ export default {
font-size: 25rpx;
color: #161616;
text-align: center;
line-height: 50rpx;
line-height: 60rpx;
}
</style>

View File

@@ -41,6 +41,7 @@
lower-threshold="100"
@scrolltolower="onScrollToLower"
:refresher-triggered="triggered"
v-if="pkRecordlist.length !== 0"
>
<uni-card v-for="(item, index) in pkRecordlist" :key="index" >
<view class="card" @click="onItemClick(item)">
@@ -86,6 +87,7 @@
</view>
</uni-card>
</scroll-view>
<view v-if="pkRecordlist.length === 0" class="nodata">暂无内容</view>
</view>
</view>
</template>
@@ -289,6 +291,14 @@ export default {
flex-direction: column;
align-items: center;
}
.nodata {
width: 100%;
height: 100%;
line-height: 1300rpx;
text-align: center;
font-size: 30rpx;
color: #a3a3a3;
}
/* 卡片 */
.card {
width: 694.66rpx;

View File

@@ -133,7 +133,6 @@
>请选择日期</view
>
</view>
<!-- ···············································标记2············································ -->
<view class="goldCoin">
<view class="number-box">
<view class="number-box-title">选择场数:</view>
@@ -144,7 +143,6 @@
>请填写场数</view
>
</view>
<!-- ··························································································· -->
<view class="Remarkscss">
<uni-easyinput
type="textarea"

View File

@@ -7,6 +7,18 @@
<image class="ReturnImg" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Return.png" mode="scaleToFill" />
</view>
<view class="title">服务协议</view>
<view class="content">
<view class="building">
<view>
<image
style="width: 500rpx;"
src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/building.png"
mode="scaleToFill"
/>
</view>
<view class="buildingTitle">建设中~</view>
</view>
</view>
</view>
</template>
@@ -63,4 +75,27 @@ export default {
width: 100%;
height: 100%;
}
/* 建设中 */
.content{
position: absolute;
top: 250rpx;
left: 0rpx;
right: 0rpx;
bottom: 100rpx;
}
.building{
width: 100%;
height: 90%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.buildingTitle{
font-size: 40rpx;
color: #999999;
font-weight: bold;
text-align: center;
margin-top: 50rpx;
}
</style>