优化页面
This commit is contained in:
4
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.js
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.js
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
"use strict";
|
||||
const NewAddedPk = require("../../NewAddedPk.js");
|
||||
wx.createPage(NewAddedPk.MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/NewAddedPk/NewAddedPk.js.map
|
||||
9
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.json
vendored
Normal file
9
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.json
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
{
|
||||
"navigationBarTitleText": "新增PK",
|
||||
"usingComponents": {
|
||||
"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"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxml
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxml
vendored
Normal file
@@ -0,0 +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>
|
||||
214
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxss
vendored
Normal file
214
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk.wxss
vendored
Normal file
@@ -0,0 +1,214 @@
|
||||
|
||||
/* 定义动画 */
|
||||
/* 原始进入动画 */
|
||||
@keyframes slide-in-96d38e2b {
|
||||
from {
|
||||
transform: translateY(100%);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* 新增关闭动画 */
|
||||
@keyframes slide-out-96d38e2b {
|
||||
from {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
transform: translateY(-100%);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* 进入动画类 */
|
||||
.create-module.data-v-96d38e2b {
|
||||
animation: slide-in-96d38e2b 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
/* 关闭动画类 */
|
||||
.close-animation.data-v-96d38e2b {
|
||||
animation: slide-out-96d38e2b 0.3s ease-in-out forwards;
|
||||
}
|
||||
.Mask.data-v-96d38e2b {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
background: #00000076;
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
.Hint.data-v-96d38e2b {
|
||||
color: rgb(255, 0, 0);
|
||||
font-size: 20rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.Hintcss.data-v-96d38e2b {
|
||||
color: rgb(255, 0, 0);
|
||||
font-size: 20rpx;
|
||||
margin-left: 30rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.containers.data-v-96d38e2b {
|
||||
background-color: #ffffff;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
.container.data-v-96d38e2b {
|
||||
display: flex;
|
||||
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/bgv.png);
|
||||
background-size: 100% 100%;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 1300rpx;
|
||||
border-radius: 50rpx;
|
||||
box-shadow: 0 0 10rpx #ccc;
|
||||
}
|
||||
.Fork.data-v-96d38e2b {
|
||||
width: 46rpx;
|
||||
height: 46rpx;
|
||||
margin-top: 20rpx;
|
||||
/* margin-bottom: 40rpx; */
|
||||
margin-left: 90%;
|
||||
}
|
||||
.Titlecss.data-v-96d38e2b {
|
||||
width: 100%;
|
||||
height: 70rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.Star.data-v-96d38e2b {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/star.png);
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.Title.data-v-96d38e2b {
|
||||
width: 430rpx;
|
||||
height: 70rpx;
|
||||
background-image: url(https://vv-1317974657.cos.ap-shanghai.myqcloud.com/util/Publishpk.png);
|
||||
background-size: 100% 200%;
|
||||
background-position: 0 100%;
|
||||
margin-left: 26rpx;
|
||||
margin-right: 26rpx;
|
||||
}
|
||||
.Individual.data-v-96d38e2b {
|
||||
display: flex;
|
||||
/* justify-content: center; */
|
||||
}
|
||||
.NameAnchor.data-v-96d38e2b {
|
||||
width: 90%;
|
||||
margin: 40rpx;
|
||||
}
|
||||
.time.data-v-96d38e2b {
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.NameAnchorcss.data-v-96d38e2b {
|
||||
width: 99%;
|
||||
height: 85rpx;
|
||||
background-color: #ffffff;
|
||||
border: 1rpx solid #bfbfbf;
|
||||
border-radius: 10rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.Gender.data-v-96d38e2b {
|
||||
width: 310rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.Gendercs.data-v-96d38e2b {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
/* align-items: center; */
|
||||
}
|
||||
.Gendercss.data-v-96d38e2b {
|
||||
width: 200rpx;
|
||||
height: 60rpx;
|
||||
}
|
||||
.Gendericoncss.data-v-96d38e2b {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 50%;
|
||||
border: 1rpx solid #ff9d0067;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.Gendericon.data-v-96d38e2b {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
/* margin-top: 10rpx;
|
||||
margin-right: 40rpx; */
|
||||
}
|
||||
.Accountnumber.data-v-96d38e2b {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 60rpx;
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.Coins.data-v-96d38e2b {
|
||||
width: 330rpx;
|
||||
height: 65rpx;
|
||||
/* display: flex; */
|
||||
margin-right: 50rpx;
|
||||
/* flex-direction: column; */
|
||||
}
|
||||
.country.data-v-96d38e2b {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.goldCoin.data-v-96d38e2b {
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.number-box.data-v-96d38e2b {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
.number-box-title.data-v-96d38e2b {
|
||||
color: #191919;
|
||||
font-size: 30rpx;
|
||||
margin-right: 22rpx;
|
||||
margin-left: 17rpx;
|
||||
}
|
||||
.number-box-unit.data-v-96d38e2b {
|
||||
color: #03aba8;
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
border: 1rpx solid #03aba8;
|
||||
border-radius: 50%;
|
||||
line-height: 48rpx;
|
||||
text-align: center;
|
||||
/* color: #003cff5a; */
|
||||
}
|
||||
.Remarkscss.data-v-96d38e2b {
|
||||
width: 90%;
|
||||
margin-top: 30rpx;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
margin-bottom: 50rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.Publish.data-v-96d38e2b {
|
||||
margin-bottom: 40rpx;
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
}
|
||||
.Publishcss.data-v-96d38e2b {
|
||||
background-image: linear-gradient(135deg, #4fcacd, #5fdbde);
|
||||
/* color: #33ff00; */
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
4
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk2.js
vendored
Normal file
4
unpackage/dist/dev/mp-weixin/pages/NewAddedPk/NewAddedPk2.js
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
"use strict";
|
||||
const NewAddedPk = require("../../NewAddedPk.js");
|
||||
wx.createPage(NewAddedPk.MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/NewAddedPk/NewAddedPk2.js.map
|
||||
Reference in New Issue
Block a user