Commit d6ad8abb by kaisa

feat:更新

parent 81addb09
...@@ -13,13 +13,13 @@ ...@@ -13,13 +13,13 @@
<meta content="telephone=no" name="format-detection"> <meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no"> <meta name="wap-font-scale" content="no">
<title></title> <title></title>
<script src="https://app.ixiulive.com/static/js/fsize.js"></script> <script src="http://app.ixiulive.com/static/js/fsize.js"></script>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/webAppComm.js"></script> <script type="text/javascript" src="http://app.ixiulive.com/static/js/webAppComm.js"></script>
<script type="text/javascript"> <script type="text/javascript">
</script> </script>
</body> </body>
......
...@@ -222,13 +222,16 @@ const onSubmit = (values: any) => { ...@@ -222,13 +222,16 @@ const onSubmit = (values: any) => {
<span>填寫信息</span> <span>填寫信息</span>
</div> </div>
<div class="info-form"> <div class="info-form">
<van-config-provider theme="dark">
<van-form @submit="onSubmit"> <van-form @submit="onSubmit">
<van-cell-group inset> <van-cell-group inset>
<van-field v-model="platform" name="platform" label="合作平臺:" placeholder="選擇平臺" is-link <van-field v-model="platform" name="platform" label="合作平臺:" placeholder="選擇平臺" is-link
@click="showPlatformPicker = true" :rules="[{ required: true, message: '请選擇平臺' }]" /> @click="showPlatformPicker = true"
:rules="[{ required: true, message: '请選擇平臺' }]" />
<van-field v-model="userName" name="id" label="FIREFLY ID: " placeholder="請輸入" <van-field v-model="userName" name="id" label="FIREFLY ID: " placeholder="請輸入"
:rules="[{ required: true, message: '请輸入' }]" /> :rules="[{ required: true, message: '请輸入FIREFLY ID' }]" />
<span class="platform-tips">主播僅允許選定一個合作平台,多平台合作模式後續開放,敬請期待 </span>
<van-popup v-model:show="showPlatformPicker" destroy-on-close position="bottom"> <van-popup v-model:show="showPlatformPicker" destroy-on-close position="bottom">
<van-picker :columns="columns" :model-value="pickerValue" @confirm="onConfirm" <van-picker :columns="columns" :model-value="pickerValue" @confirm="onConfirm"
...@@ -236,11 +239,12 @@ const onSubmit = (values: any) => { ...@@ -236,11 +239,12 @@ const onSubmit = (values: any) => {
</van-popup> </van-popup>
<van-field v-model="userName" name="userName" label="姓名:" placeholder="請輸入" <van-field v-model="userName" name="userName" label="姓名:" placeholder="請輸入"
:rules="[{ required: true, message: '请輸入' }]" /> :rules="[{ required: true, message: '请輸入姓名' }]" />
<van-field v-model="idNum" name="idNum" label="身份證號碼:" placeholder="請輸入" <van-field v-model="idNum" name="idNum" label="身份證號碼:" placeholder="請輸入"
:rules="[{ required: true, message: '请輸入' }]" /> :rules="[{ required: true, message: '请輸入身份證號碼' }]" />
</van-cell-group> </van-cell-group>
</van-form> </van-form>
</van-config-provider>
</div> </div>
<div class="info-bottom"></div> <div class="info-bottom"></div>
</div> </div>
...@@ -266,7 +270,7 @@ const onSubmit = (values: any) => { ...@@ -266,7 +270,7 @@ const onSubmit = (values: any) => {
background-size: 100% 100%; background-size: 100% 100%;
.content { .content {
padding: 679px 49px 24px 49px; padding: 859px 49px 24px 49px;
.stage { .stage {
width: 652px; width: 652px;
...@@ -744,13 +748,14 @@ const onSubmit = (values: any) => { ...@@ -744,13 +748,14 @@ const onSubmit = (values: any) => {
text-shadow: 0px 4px 7px #2170D3; text-shadow: 0px 4px 7px #2170D3;
font-style: italic; font-style: italic;
padding-right: 8px; padding-right: 8px;
padding-top: 23px;
} }
&::before { &::before {
content: ''; content: '';
position: absolute; position: absolute;
left: 185px; left: 185px;
top: 23px; top: 32px;
width: 64px; width: 64px;
height: 41px; height: 41px;
background-image: url(../../image/leftArrow.png); background-image: url(../../image/leftArrow.png);
...@@ -762,7 +767,7 @@ const onSubmit = (values: any) => { ...@@ -762,7 +767,7 @@ const onSubmit = (values: any) => {
content: ''; content: '';
position: absolute; position: absolute;
right: 193px; right: 193px;
top: 23px; top: 32px;
width: 64px; width: 64px;
height: 41px; height: 41px;
background-image: url(../../image/rightArrow.png); background-image: url(../../image/rightArrow.png);
...@@ -775,6 +780,15 @@ const onSubmit = (values: any) => { ...@@ -775,6 +780,15 @@ const onSubmit = (values: any) => {
background-image: url(../../image/dialogCenter.png); background-image: url(../../image/dialogCenter.png);
background-size: 100%; background-size: 100%;
min-height: 220px; min-height: 220px;
.platform-tips {
display: block;
font-family: PingFang SC;
font-weight: 400;
font-size: 18px;
color: #FFF000;
padding-top: 5px;
}
} }
.info-bottom { .info-bottom {
...@@ -878,6 +892,11 @@ const onSubmit = (values: any) => { ...@@ -878,6 +892,11 @@ const onSubmit = (values: any) => {
opacity: 0.42; opacity: 0.42;
} }
.van-field__error-message {
font-size: 18px;
padding-top: 2px;
}
.van-cell__right-icon { .van-cell__right-icon {
color: #00225B; color: #00225B;
position: relative; position: relative;
...@@ -890,4 +909,26 @@ const onSubmit = (values: any) => { ...@@ -890,4 +909,26 @@ const onSubmit = (values: any) => {
} }
} }
} }
:deep(.van-picker) {
.van-picker__toolbar {
height: 80px;
background-color: #131315;
}
.van-picker__cancel,
.van-picker__confirm {
font-size: 26px;
padding-top: 10px;
font-weight: bold;
}
.van-picker__confirm {
color: #fff;
}
.van-ellipsis {
font-size: 32px;
}
}
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment