|
|
@@ -113,6 +113,26 @@
|
|
|
</u-grid-item>
|
|
|
</u-grid>
|
|
|
</view>
|
|
|
+ <!-- 登录弹窗 -->
|
|
|
+ <u-popup v-model="show" mode="center" closeable="true">
|
|
|
+ <view class="title">
|
|
|
+ 登录荆开零工驿站
|
|
|
+ </view>
|
|
|
+ <view class="login-btn">
|
|
|
+ <u-icon name="weixin-fill" size="46"></u-icon> <text>微信用户一键登录</text>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="radio">
|
|
|
+ <!-- <radio></radio>
|
|
|
+ <view class="agreement">
|
|
|
+ 阅读并同意<text style="color: #2795FD">《用户隐私协议》</text>
|
|
|
+ </view> -->
|
|
|
+ <u-radio-group v-model="value">
|
|
|
+ <u-radio active-color="red">阅读并同意<text style="color: #2795FD">《用户隐私协议》</text></u-radio>
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+
|
|
|
<tabbar ref="mytabbar"
|
|
|
:current="4"></tabbar>
|
|
|
</view>
|
|
|
@@ -127,6 +147,8 @@
|
|
|
data() {
|
|
|
return {
|
|
|
src: '',
|
|
|
+ show:'true',
|
|
|
+ value: 'false',
|
|
|
|
|
|
}
|
|
|
},
|
|
|
@@ -245,4 +267,53 @@
|
|
|
height: 30rpx;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+// 弹窗
|
|
|
+/deep/.u-mode-center-box{
|
|
|
+ width: 560rpx !important;
|
|
|
+ border-radius: 12px;
|
|
|
+ padding: 80rpx 48rpx;
|
|
|
+ display: flex;
|
|
|
+ .title{
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-family: 'PingFangSC-medium';
|
|
|
+ }
|
|
|
+ .login-btn{
|
|
|
+ background-color: rgba(0, 188, 99, 1);
|
|
|
+ color: #fff;
|
|
|
+ padding: 28rpx 70rpx;
|
|
|
+ margin-top: 56rpx;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
+ border-radius: 8px;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ font-size: 32rpx;
|
|
|
+ text{
|
|
|
+ margin-left: 8rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .radio {
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #777777;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ .uni-radio-input{
|
|
|
+ width: 24rpx;
|
|
|
+ height: 24rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .uni-radio-input-checked:before{
|
|
|
+ font-size: 24rpx;
|
|
|
+ background-color: rgb(0, 122, 255);
|
|
|
+ border-color: rgb(0, 122, 255);
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
</style>
|
