优化页面

This commit is contained in:
pengxiaolong
2025-06-06 22:36:41 +08:00
parent f4901f1312
commit d30589fd05
99 changed files with 1091 additions and 1310 deletions

View File

@@ -1 +1 @@
<view wx:if="{{a}}" class="{{['data-v-96d38e2b', F, 'Mask']}}" bindtap="{{G}}"><view catchtap="{{E}}" class="containers data-v-96d38e2b"><view class="container data-v-96d38e2b"><image class="Fork data-v-96d38e2b" bindtap="{{b}}" src="{{c}}" 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="{{d}}" placeholder="主播名称"/><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="{{l}}" mode="scaleToFill"/><image wx:if="{{m}}" class="Gendericon data-v-96d38e2b" src="{{n}}" mode="scaleToFill"/><image wx:if="{{o}}" class="Gendericon data-v-96d38e2b" src="{{p}}" mode="scaleToFill"/></view></view><view wx:if="{{q}}" 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="{{s}}" class="data-v-96d38e2b" u-i="96d38e2b-2" bind:__l="__l" bindupdateModelValue="{{r}}" u-p="{{s}}"></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="{{t}}" class="Hint data-v-96d38e2b">请填写金币数量</view></view><view class="time data-v-96d38e2b"><uni-datetime-picker wx:if="{{w}}" class="data-v-96d38e2b" u-i="96d38e2b-3" bind:__l="__l" bindupdateModelValue="{{v}}" u-p="{{w}}"/><view wx:if="{{x}}" 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="{{z}}" class="data-v-96d38e2b" u-i="96d38e2b-4" bind:__l="__l" bindupdateModelValue="{{y}}" u-p="{{z}}"></uni-number-box><view class="number-box-title data-v-96d38e2b">次</view></view><view wx:if="{{A}}" class="Hint data-v-96d38e2b">请填写场数</view></view><view class="Remarkscss data-v-96d38e2b"><uni-easyinput wx:if="{{C}}" class="data-v-96d38e2b" u-i="96d38e2b-5" bind:__l="__l" bindupdateModelValue="{{B}}" u-p="{{C}}"></uni-easyinput></view><view class="Publish data-v-96d38e2b"><button bindtap="{{D}}" class="Publishcss data-v-96d38e2b">发布</button></view></view></view></view>
<view wx:if="{{a}}" class="{{['data-v-96d38e2b', G, 'Mask']}}" bindtap="{{H}}"><view catchtap="{{F}}" class="containers data-v-96d38e2b"><view class="container data-v-96d38e2b"><image class="Fork data-v-96d38e2b" bindtap="{{b}}" src="{{c}}" 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="{{d}}" placeholder="主播名称" bindblur="{{e}}"/><view wx:if="{{f}}" class="Hint data-v-96d38e2b">请填写主播名称</view></view><view class="Accountnumber data-v-96d38e2b"><view class="Coins country data-v-96d38e2b"><wht-select wx:if="{{h}}" class="data-v-96d38e2b" style="width:350rpx" bindchange="{{g}}" u-i="96d38e2b-0" bind:__l="__l" u-p="{{h}}"/><view wx:if="{{i}}" 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="{{k}}" class="data-v-96d38e2b" style="width:300rpx" bindchange="{{j}}" u-i="96d38e2b-1" bind:__l="__l" u-p="{{k}}"/></view><view class="Gendericoncss data-v-96d38e2b"><image wx:if="{{l}}" class="Gendericon data-v-96d38e2b" src="{{m}}" mode="scaleToFill"/><image wx:if="{{n}}" class="Gendericon data-v-96d38e2b" src="{{o}}" mode="scaleToFill"/><image wx:if="{{p}}" class="Gendericon data-v-96d38e2b" src="{{q}}" mode="scaleToFill"/></view></view><view wx:if="{{r}}" 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="{{t}}" class="data-v-96d38e2b" u-i="96d38e2b-2" bind:__l="__l" bindupdateModelValue="{{s}}" u-p="{{t}}"></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="{{v}}" class="Hint data-v-96d38e2b">请填写金币数量</view></view><view class="time data-v-96d38e2b"><uni-datetime-picker wx:if="{{x}}" class="data-v-96d38e2b" u-i="96d38e2b-3" bind:__l="__l" bindupdateModelValue="{{w}}" u-p="{{x}}"/><view wx:if="{{y}}" 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="{{A}}" class="data-v-96d38e2b" u-i="96d38e2b-4" bind:__l="__l" bindupdateModelValue="{{z}}" u-p="{{A}}"></uni-number-box><view class="number-box-title data-v-96d38e2b">次</view></view><view wx:if="{{B}}" class="Hint data-v-96d38e2b">请填写场数</view></view><view class="Remarkscss data-v-96d38e2b"><uni-easyinput wx:if="{{D}}" class="data-v-96d38e2b" u-i="96d38e2b-5" bind:__l="__l" bindupdateModelValue="{{C}}" u-p="{{D}}"></uni-easyinput></view><view class="Publish data-v-96d38e2b"><button bindtap="{{E}}" class="Publishcss data-v-96d38e2b">发布</button></view></view></view></view>

View File

@@ -2,17 +2,25 @@
/* 定义动画 */
/* 原始进入动画 */
@keyframes slide-in-96d38e2b {
from { transform: translateY(100%); opacity: 0;
from {
transform: translateY(100%);
opacity: 0;
}
to { transform: translateY(0); opacity: 1;
to {
transform: translateY(0);
opacity: 1;
}
}
/* 新增关闭动画 */
@keyframes slide-out-96d38e2b {
from { transform: translateY(0); opacity: 1;
from {
transform: translateY(0);
opacity: 1;
}
to { transform: translateY(-100%); opacity: 0;
to {
transform: translateY(-100%);
opacity: 0;
}
}
@@ -38,7 +46,7 @@ to { transform: translateY(-100%); opacity: 0;
margin-left: 30rpx;
margin-top: 10rpx;
}
.Hintcss.data-v-96d38e2b{
.Hintcss.data-v-96d38e2b {
color: rgb(255, 0, 0);
font-size: 20rpx;
margin-left: 30rpx;
@@ -65,14 +73,14 @@ to { transform: translateY(-100%); opacity: 0;
/* margin-bottom: 40rpx; */
margin-left: 90%;
}
.Titlecss.data-v-96d38e2b{
.Titlecss.data-v-96d38e2b {
width: 100%;
height: 70rpx;
display: flex;
justify-content: center;
align-items: center;
}
.Star.data-v-96d38e2b{
.Star.data-v-96d38e2b {
width: 50rpx;
height: 50rpx;
background-image: url(data:image/png;base64,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);
@@ -104,7 +112,7 @@ to { transform: translateY(-100%); opacity: 0;
width: 99%;
height: 85rpx;
background-color: #ffffff;
border: 1rpx solid #BFBFBF;
border: 1rpx solid #bfbfbf;
border-radius: 10rpx;
text-align: center;
}
@@ -114,16 +122,16 @@ to { transform: translateY(-100%); opacity: 0;
flex-direction: column;
justify-content: center;
}
.Gendercs.data-v-96d38e2b{
.Gendercs.data-v-96d38e2b {
display: flex;
justify-content: center;
/* align-items: center; */
}
.Gendercss.data-v-96d38e2b{
.Gendercss.data-v-96d38e2b {
width: 200rpx;
height: 60rpx;
}
.Gendericoncss.data-v-96d38e2b{
.Gendericoncss.data-v-96d38e2b {
display: flex;
justify-content: center;
align-items: center;
@@ -134,7 +142,7 @@ to { transform: translateY(-100%); opacity: 0;
margin-left: 20rpx;
margin-top: 10rpx;
}
.Gendericon.data-v-96d38e2b{
.Gendericon.data-v-96d38e2b {
width: 40rpx;
height: 40rpx;
/* margin-top: 10rpx;
@@ -154,7 +162,7 @@ to { transform: translateY(-100%); opacity: 0;
/* flex-direction: column; */
}
.country.data-v-96d38e2b {
margin-left:10rpx;
margin-left: 10rpx;
}
.goldCoin.data-v-96d38e2b {
width: 100%;
@@ -175,10 +183,10 @@ to { transform: translateY(-100%); opacity: 0;
margin-left: 17rpx;
}
.number-box-unit.data-v-96d38e2b {
color: #03ABA8;
color: #03aba8;
width: 48rpx;
height: 48rpx;
border: 1rpx solid #03ABA8;
border: 1rpx solid #03aba8;
border-radius: 50%;
line-height: 48rpx;
text-align: center;
@@ -198,7 +206,7 @@ to { transform: translateY(-100%); opacity: 0;
margin-left: 5%;
}
.Publishcss.data-v-96d38e2b {
background-image: linear-gradient(135deg, #4FCACD, #5FDBDE);
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
/* color: #33ff00; */
color: #ffffff;
font-weight: bold;