注册页面/下载页面更新

This commit is contained in:
GaoHao
2024-12-07 14:41:23 +08:00
parent 665db9bb9a
commit ff96875de7
6 changed files with 202 additions and 121 deletions

View File

@@ -1,17 +1,13 @@
<template>
<view
style="background-image: url(https://renwu.xiansqx.com/img/20210809/71fcac577b1945a7aeb724c8bd12a171.png);background-size: 100%;">
<view style="text-align: center;">
<image
style="width: 160upx;height: 160upx;margin-top: 200upx;border-radius:20upx;border: 2px solid #FFFFFF;"
src="../../static/images/appLogo.png"></image>
<view style="font-size: 46upx;margin-top: 20upx;color: #FFFFFF;font-weight: 500;">短剧APP</view>
<view style="font-size: 28upx;margin-top: 8upx;color: #FFFFFF;font-weight: 300;">{{message}}</view>
<button class="confirm-btn" @click="taobaoLogin">下载斯耀短剧APP</button>
<view style="margin-top: 300upx;text-align: center"><text
style="color: #666666;font-size: 32upx;font-weight: 400;"></text></view>
<view style="color: #333333;margin-top: 20upx;font-weight: 600;font-size: 38upx;"></view>
<view style="margin-top: 40upx;background: #FF0223;height: 10upx;width: 60upx;margin-left: 46%;"></view>
<view class="containers">
<image style="width: 100%;position: absolute;" src="../../static/images/appeq_bg.png" mode="widthFix"></image>
<view style="text-align: center;position: relative;height: 100%;">
<image style="width: 124rpx;height: 124rpx;margin-top: 162rpx;border-radius:20upx;" src="../../static/images/appLogo.png"></image>
<view style="font-size: 40rpx;margin-top: 32rpx;color: #FFFFFF;font-weight: bold;">斯耀短剧APP</view>
<view style="font-size: 28rpx;margin-top: 16rpx;color: #FFFFFF;font-weight: bold;">海量电子榨菜 免费又过瘾</view>
<button class="confirm-btn" @click="taobaoLogin">斯耀短剧APP</button>
</view>
<view id="shareit" v-if="show_share" @tap="closeShare">
<image class="arrow" src="https://renwu.xiansqx.com/img/20210813/9aa484db4c60458f86deb2a8ab6fe400.png">
@@ -128,7 +124,15 @@
};
</script>
<style lang="scss">
<style lang="scss" scoped>
uni-page-body{
width: 100%;
height: 100%;
}
.containers {
width: 100%;
height: 100%;
}
#shareit {
-webkit-user-select: none;
position: fixed;
@@ -260,16 +264,18 @@
}
.confirm-btn {
width: 500upx;
height: 100upx;
line-height: 100upx;
margin-top: 200upx;
color: #FE0122;
font-size: 38upx;
font-weight: 500;
// &:after {
// border-radius: 60px;
// }
width: 416rpx;
height: 90rpx;
line-height: 90rpx;
background: #FD5775;
color: #fff;
font-size: 32rpx;
font-weight: bold;
font-size: 32rpx;
color: #FFFFFF;
position: absolute;
left: 0;
right: 0;
bottom: 160rpx;
}
</style>