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

3
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.json vendored
View File

@@ -4,6 +4,7 @@
"wht-select": "../../uni_modules/wht-select/components/wht-select/wht-select",
"uni-number-box": "../../uni_modules/uni-number-box/components/uni-number-box/uni-number-box",
"uni-datetime-picker": "../../uni_modules/uni-datetime-picker/components/uni-datetime-picker/uni-datetime-picker",
"uni-easyinput": "../../uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput"
"uni-easyinput": "../../uni_modules/uni-easyinput/components/uni-easyinput/uni-easyinput",
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup"
}
}

2
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxml vendored
View File

@@ -1 +1 @@
<view wx:if="{{a}}" class="{{['data-v-96d38e2b', C, 'Mask']}}" bindtap="{{D}}"><view catchtap="{{B}}" class="containers data-v-96d38e2b"><view class="container data-v-96d38e2b"><image class="Fork data-v-96d38e2b" bindtap="{{b}}" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Fork.png" mode="scaleToFill"/><view class="Titlecss data-v-96d38e2b"><view class="Star data-v-96d38e2b"></view><view class="Title data-v-96d38e2b"></view><view class="Star data-v-96d38e2b"></view></view><view class="NameAnchor data-v-96d38e2b"><input class="NameAnchorcss data-v-96d38e2b" cursor-color="#666666" placeholder-style="color:#666666" bindinput="{{c}}" placeholder="主播名称" bindblur="{{d}}"/><view wx:if="{{e}}" class="Hint data-v-96d38e2b">请检查主播名称是否正确</view></view><view class="Accountnumber data-v-96d38e2b"><view class="Coins country data-v-96d38e2b"><wht-select wx:if="{{g}}" class="data-v-96d38e2b" style="width:350rpx" bindchange="{{f}}" u-i="96d38e2b-0" bind:__l="__l" u-p="{{g}}"/><view wx:if="{{h}}" class="Hint data-v-96d38e2b">请选择国家</view></view><view class="Gender data-v-96d38e2b"><view class="Gendercs data-v-96d38e2b"><view class="Gendercss data-v-96d38e2b"><wht-select wx:if="{{j}}" class="data-v-96d38e2b" style="width:300rpx" bindchange="{{i}}" u-i="96d38e2b-1" bind:__l="__l" u-p="{{j}}"/></view><view class="Gendericoncss data-v-96d38e2b"><image wx:if="{{k}}" class="Gendericon data-v-96d38e2b" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/ask.png" mode="scaleToFill"/><image wx:if="{{l}}" class="Gendericon data-v-96d38e2b" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/man.png" mode="scaleToFill"/><image wx:if="{{m}}" class="Gendericon data-v-96d38e2b" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/girl.png" mode="scaleToFill"/></view></view><view wx:if="{{n}}" class="Hintcss data-v-96d38e2b">请选择性别</view></view></view><view class="goldCoin data-v-96d38e2b"><view class="number-box data-v-96d38e2b"><view class="number-box-title data-v-96d38e2b">金币数量:</view><uni-number-box wx:if="{{p}}" class="data-v-96d38e2b" u-i="96d38e2b-2" bind:__l="__l" bindupdateModelValue="{{o}}" u-p="{{p}}"></uni-number-box><view class="number-box-title data-v-96d38e2b">单位:</view><view class="number-box-unit data-v-96d38e2b">K</view></view><view wx:if="{{q}}" class="Hint data-v-96d38e2b">请填写金币数量</view></view><view class="time data-v-96d38e2b"><uni-datetime-picker wx:if="{{s}}" class="data-v-96d38e2b" u-i="96d38e2b-3" bind:__l="__l" bindupdateModelValue="{{r}}" u-p="{{s}}"/><view wx:if="{{t}}" class="Hint data-v-96d38e2b">请选择日期</view></view><view class="goldCoin data-v-96d38e2b"><view class="number-box data-v-96d38e2b"><view class="number-box-title data-v-96d38e2b">选择场数:</view><uni-number-box wx:if="{{w}}" class="data-v-96d38e2b" u-i="96d38e2b-4" bind:__l="__l" bindupdateModelValue="{{v}}" u-p="{{w}}"></uni-number-box><view class="number-box-title data-v-96d38e2b">次</view></view><view wx:if="{{x}}" class="Hint data-v-96d38e2b">请填写场数</view></view><view class="Remarkscss data-v-96d38e2b"><uni-easyinput wx:if="{{z}}" class="data-v-96d38e2b" u-i="96d38e2b-5" bind:__l="__l" bindupdateModelValue="{{y}}" u-p="{{z}}"></uni-easyinput></view><view class="Publish data-v-96d38e2b"><button bindtap="{{A}}" class="Publishcss data-v-96d38e2b">发布</button></view></view></view></view>
<view wx:if="{{a}}" class="{{['data-v-96d38e2b', E, 'Mask']}}" bindtap="{{F}}"><view catchtap="{{D}}" class="containers data-v-96d38e2b"><view class="container data-v-96d38e2b"><image class="Fork data-v-96d38e2b" bindtap="{{b}}" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Fork.png" mode="scaleToFill"/><view class="Titlecss data-v-96d38e2b"><view class="Star data-v-96d38e2b"></view><view class="Title data-v-96d38e2b"></view><view class="Star data-v-96d38e2b"></view></view><view class="AnchorSelection data-v-96d38e2b"><view class="NameAnchor data-v-96d38e2b"><input class="NameAnchorcss data-v-96d38e2b" cursor-color="#666666" placeholder-style="color:#666666" bindinput="{{c}}" placeholder="主播名称" bindblur="{{d}}" value="{{e}}"/><view wx:if="{{f}}" class="Hint data-v-96d38e2b">请检查主播名称是否正确</view></view><view class="AnchorSelectioncss data-v-96d38e2b" bindtap="{{g}}">选择我的主播</view></view><view class="Accountnumber data-v-96d38e2b"><view class="Coins country data-v-96d38e2b"><wht-select wx:if="{{i}}" class="data-v-96d38e2b" style="width:350rpx" bindchange="{{h}}" u-i="96d38e2b-0" bind:__l="__l" u-p="{{i}}"/><view wx:if="{{j}}" class="Hint data-v-96d38e2b">请选择国家</view></view><view class="Gender data-v-96d38e2b"><view class="Gendercs data-v-96d38e2b"><view class="Gendercss data-v-96d38e2b"><wht-select wx:if="{{l}}" class="data-v-96d38e2b" style="width:300rpx" bindchange="{{k}}" u-i="96d38e2b-1" bind:__l="__l" u-p="{{l}}"/></view><view class="Gendericoncss data-v-96d38e2b"><image wx:if="{{m}}" class="Gendericon data-v-96d38e2b" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/ask.png" mode="scaleToFill"/><image wx:if="{{n}}" class="Gendericon data-v-96d38e2b" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/man.png" mode="scaleToFill"/><image wx:if="{{o}}" class="Gendericon data-v-96d38e2b" src="https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/girl.png" mode="scaleToFill"/></view></view><view wx:if="{{p}}" class="Hintcss data-v-96d38e2b">请选择性别</view></view></view><view class="goldCoin data-v-96d38e2b"><view class="number-box data-v-96d38e2b"><view class="number-box-title data-v-96d38e2b">金币数量:</view><uni-number-box wx:if="{{r}}" class="data-v-96d38e2b" u-i="96d38e2b-2" bind:__l="__l" bindupdateModelValue="{{q}}" u-p="{{r}}"></uni-number-box><view class="number-box-title data-v-96d38e2b">单位:</view><view class="number-box-unit data-v-96d38e2b">K</view></view><view wx:if="{{s}}" class="Hint data-v-96d38e2b">请填写金币数量</view></view><view class="time data-v-96d38e2b"><uni-datetime-picker wx:if="{{v}}" class="data-v-96d38e2b" u-i="96d38e2b-3" bind:__l="__l" bindupdateModelValue="{{t}}" u-p="{{v}}"/><view wx:if="{{w}}" class="Hint data-v-96d38e2b">请选择日期</view></view><view class="goldCoin data-v-96d38e2b"><view class="number-box data-v-96d38e2b"><view class="number-box-title data-v-96d38e2b">选择场数:</view><uni-number-box wx:if="{{y}}" class="data-v-96d38e2b" u-i="96d38e2b-4" bind:__l="__l" bindupdateModelValue="{{x}}" u-p="{{y}}"></uni-number-box><view class="number-box-title data-v-96d38e2b">次</view></view><view wx:if="{{z}}" class="Hint data-v-96d38e2b">请填写场数</view></view><view class="Remarkscss data-v-96d38e2b"><uni-easyinput wx:if="{{B}}" class="data-v-96d38e2b" u-i="96d38e2b-5" bind:__l="__l" bindupdateModelValue="{{A}}" u-p="{{B}}"></uni-easyinput></view><view class="Publish data-v-96d38e2b"><button bindtap="{{C}}" class="Publishcss data-v-96d38e2b">发布</button></view></view></view></view><uni-popup wx:if="{{M}}" class="r data-v-96d38e2b" u-s="{{['d']}}" u-r="popup" u-i="96d38e2b-6" bind:__l="__l" u-p="{{M}}"><view class="popup-container data-v-96d38e2b"><view class="popup-title data-v-96d38e2b">选择我的主播</view><scroll-view wx:if="{{G}}" scroll-y="true" class="scroll data-v-96d38e2b"><view wx:for="{{H}}" wx:for-item="item" wx:key="f" class="card data-v-96d38e2b"><view class="card-content data-v-96d38e2b" bindtap="{{item.d}}" style="{{'background:' + item.e}}"><view class="Avatarimg data-v-96d38e2b"><image class="avatar data-v-96d38e2b" src="{{item.a}}" mode="scaleToFill"/></view><view class="NameMoney data-v-96d38e2b"><view class="TimeMoney data-v-96d38e2b"><view class="NameMoney_Name data-v-96d38e2b">{{item.b}}</view></view><view class="TimeMoney data-v-96d38e2b"><view class="TimeMoney_country data-v-96d38e2b">{{item.c}}</view></view></view></view></view></scroll-view><view wx:if="{{I}}" class="no-data data-v-96d38e2b"><view class="no-data-text data-v-96d38e2b">暂无数据</view></view><view class="popup-btn data-v-96d38e2b"><button class="invite data-v-96d38e2b" type="primary" bindtap="{{J}}">确认</button><button class="cancel data-v-96d38e2b" type="default" bindtap="{{K}}">取消</button></view></view></uni-popup>

138
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxss vendored
View File

@@ -104,10 +104,14 @@ to {
margin: 40rpx;
}
.time.data-v-96d38e2b {
width: 90%;
width: 70%;
margin-left: 5%;
margin-top: 50rpx;
}
.AnchorSelection.data-v-96d38e2b{
display: flex;
align-items: center;
}
.NameAnchorcss.data-v-96d38e2b {
width: 99%;
height: 85rpx;
@@ -116,6 +120,18 @@ to {
border-radius: 10rpx;
text-align: center;
}
.AnchorSelectioncss.data-v-96d38e2b{
width: 30%;
height: 60rpx;
margin: 40rpx;
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
color: #ffffff;
font-weight: bold;
font-size: 18rpx;
text-align: center;
line-height: 60rpx;
border-radius: 20rpx;
}
.Gender.data-v-96d38e2b {
width: 310rpx;
display: flex;
@@ -212,3 +228,123 @@ to {
font-weight: bold;
border-radius: 50rpx;
}
.popup-container.data-v-96d38e2b{
width: 600rpx;
height: 800rpx;
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/chard1.png);
background-position: center;
border-radius: 10px;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
}
.popup-title.data-v-96d38e2b{
color: #161616;
font-size: 36.26rpx;
font-weight: bold;
margin-bottom: 30rpx;
margin-top: 30rpx;
}
.scroll.data-v-96d38e2b{
width: 90%;
height: 500rpx;
}
.card.data-v-96d38e2b{
margin-top: 15rpx;
}
.card-content.data-v-96d38e2b {
/* width: 445rpx; */
width: 100%;
height: 100rpx;
background-color: #ffffff;
/* border: 2px solid #afafaf; */
border-radius: 10rpx;
display: flex;
align-items: center;
font-size: 28rpx;
color: rgb(127, 127, 127);
}
.Avatarimg.data-v-96d38e2b {
width: 90rpx;
height: 90rpx;
border-radius: 50%;
background-color: #dddddd;
margin-right: 20rpx;
margin-left: 20rpx;
}
.avatar.data-v-96d38e2b {
width: 100%;
height: 100%;
border-radius: 50%;
}
.NameMoney.data-v-96d38e2b {
display: flex;
flex-direction: column;
}
.TimeMoney.data-v-96d38e2b {
width: 300rpx;
display: flex;
font-weight: bold;
font-size: 27rpx;
color: #161616;
}
.NameMoney_Name.data-v-96d38e2b {
width: 400rpx;
text-align: left;
font-weight: bold;
font-size: 27rpx;
color: #161616;
white-space: nowrap; /* 防止换行 */
overflow: hidden; /* 隐藏溢出内容 */
text-overflow: ellipsis; /* 显示省略号 */
}
.TimeMoney_country.data-v-96d38e2b{
margin-top: 10rpx;
width: 400rpx;
text-align: left;
font-size: 20rpx;
color: #666;
white-space: nowrap; /* 防止换行 */
overflow: hidden; /* 隐藏溢出内容 */
text-overflow: ellipsis; /* 显示省略号 */
}
.popup-btn.data-v-96d38e2b {
display: flex;
justify-content: space-around;
margin-top: 50rpx;
}
.invite.data-v-96d38e2b {
width: 225.19rpx;
height: 78.24rpx;
font-size: 28.63rpx;
line-height: 80rpx;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
}
.cancel.data-v-96d38e2b {
width: 225.19rpx;
height: 78.24rpx;
font-size: 28.63rpx;
line-height: 80rpx;
margin-left: 30rpx;
color: #03aba8;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-bottom-right-radius: 50rpx;
border: 1rpx solid #03aba8;
}
.no-data.data-v-96d38e2b{
width: 90%;
height: 500rpx;
display: flex;
justify-content: center;
align-items: center;
}
.no-data-text.data-v-96d38e2b{
color: #999;
font-size: 28rpx;
font-weight: bold;
}