|
|
@@ -299,19 +299,23 @@
|
|
|
<u-modal :show="showAuthorizePhone"
|
|
|
:showConfirmButton="false">
|
|
|
<view class="slot-content">
|
|
|
- <div class="auth-card">
|
|
|
- <div class="img">
|
|
|
+ <view class="auth-card">
|
|
|
+ <view class="img">
|
|
|
<img class="avatar-img"
|
|
|
src="@/static/imgs/logo.png"
|
|
|
mode="widthFix">
|
|
|
- </div>
|
|
|
+ </view>
|
|
|
<!-- <div class="title">手机登录后才能查看名片哦~</div> -->
|
|
|
- <div class="content">手机登录后才能查看名片哦~</div>
|
|
|
- </div>
|
|
|
- <div class="auth-btncard">
|
|
|
- <div class="btn-unok"><u-button :customStyle="customStyleUnOk" @click="showAuthorizePhone=false"> 拒绝</u-button></div>
|
|
|
- <div class="btn-ok"><u-button :customStyle="customStyleOk" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"> 立即登录</u-button></div>
|
|
|
- </div>
|
|
|
+ <view class="content">手机登录后才能查看名片哦~</view>
|
|
|
+ </view>
|
|
|
+ <view class="auth-btncard">
|
|
|
+ <view class="btn-unok">
|
|
|
+ <u-button :customStyle="customStyleUnOk" @click="showAuthorizePhone=false" :plain="true"> 拒绝</u-button>
|
|
|
+ </view>
|
|
|
+ <view class="btn-ok">
|
|
|
+ <u-button :customStyle="customStyleOk" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"> 立即登录</u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</u-modal>
|
|
|
<u-modal :show="showAuthorizeUser"
|
|
|
@@ -410,14 +414,19 @@
|
|
|
showAuthorizeUser: false,
|
|
|
showAuthorizePhone: false,
|
|
|
customStyleUnOk: {
|
|
|
- marginTop: '20rpx', // 注意驼峰命名，并且值必须用引号包括，因为这是对象
|
|
|
- border:'none',
|
|
|
- color:'gray'
|
|
|
+ marginTop:'20rpx',
|
|
|
+ color:'#18254C',
|
|
|
+ border:'2px solid #18254C',
|
|
|
+ "border-radius": "10px",
|
|
|
+ fontSize:"32rpx"
|
|
|
},
|
|
|
customStyleOk: {
|
|
|
- marginTop: '20rpx', // 注意驼峰命名，并且值必须用引号包括，因为这是对象
|
|
|
- border:'none',
|
|
|
- color:'#157DFB'
|
|
|
+ marginTop:'20rpx',
|
|
|
+ color:'#fff',
|
|
|
+ border:'2px solid #18254C',
|
|
|
+ "border-radius": "10px",
|
|
|
+ fontSize:"32rpx",
|
|
|
+ background:"#18254C"
|
|
|
},
|
|
|
};
|
|
|
},
|
|
|
@@ -1657,39 +1666,27 @@
|
|
|
overflow: scroll !important;
|
|
|
}
|
|
|
.auth-btncard{
|
|
|
+ display: flex!important;
|
|
|
+ justify-content: space-between!important;
|
|
|
.btn-unok{
|
|
|
- width: 50%;
|
|
|
- float: left;
|
|
|
+ width: 40%;
|
|
|
}
|
|
|
.btn-ok{
|
|
|
- width: 50%;
|
|
|
- float: left;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- border: 0px solid transparent; //自定义边框
|
|
|
- outline: none; //消除默认点击蓝色边框效果
|
|
|
- u-button{
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- border: 0px solid transparent; //自定义边框
|
|
|
- outline: none; //消除默认点击蓝色边框效果
|
|
|
- }
|
|
|
+ width: 40%;
|
|
|
}
|
|
|
}
|
|
|
.auth-card{
|
|
|
text-align: center;
|
|
|
.avatar-img{
|
|
|
- width: 150rpx;
|
|
|
- height: 150rpx;
|
|
|
- overflow: hidden;
|
|
|
- border-radius: 100%;
|
|
|
- margin-top: 30rpx;
|
|
|
+ width: 250rpx;
|
|
|
}
|
|
|
.title{
|
|
|
font-size: 20rpx;
|
|
|
}
|
|
|
.content{
|
|
|
- margin-top: 10rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #1A1A1A;
|
|
|
margin-bottom: 30rpx;
|
|
|
}
|
|
|
}
|
|
|
@@ -1709,4 +1706,7 @@
|
|
|
overflow: hidden;
|
|
|
border-radius: 100%;
|
|
|
}
|
|
|
+ /deep/.u-popup__content{
|
|
|
+ border-radius: 20rpx!important;
|
|
|
+ }
|
|
|
</style>
|
