theluyuan/deming
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

v

Browse Source
This commit is contained in:
zmr900709 2020-06-02 15:35:03 +08:00
parent 9bf8ed444f
commit abb23e3089
1 changed files with 47 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
pageA/login/login.vue
View File

@ -22,18 +22,18 @@
<text class="pact_text">《用户协议》</text>
<text class="pact_text">《隐私协议》</text>
<text class="pact_text">《使用协议》</text>
<u-checkbox-group @change="checkboxGroupChange">
<u-checkbox @change="checkboxChange" v-model="item.checked" v-for="(item, index) in list" :key="index" :name="item.name" shape="circle" icon-size='16' active-color="#19BE6B"></u-checkbox>
</u-checkbox-group>
</view>
</view>
<!-- 注册 -->
<view class="more_Login">
<u-radio-group v-model="value" @change="radioGroupChange">
<u-radio @change="radioChange" v-for="(item, index) in list" :key="index" :name="item.name" :disabled="item.disabled">
{{item.name}}
</u-radio>
</u-radio-group>
<text>新用户点击注册</text>
<text class="other">其他方式登录</text>
</view>
<!-- denglu -->
<u-button >{{login}}</u-button>
</view>
</view>
</template>
@ -42,33 +42,22 @@
data() {
return {
list: [{
name: 'apple',
checked: false,
disabled: false
},
{
name: 'banner',
checked: false,
disabled: false
},
{
name: 'orange',
checked: false,
disabled: false
}
],
checked: false,
disabled: false
}],
value: '',
login:'登录',
};
},
methods: {
// 选中某个单选框时，由radio时触发
radioChange(e) {
// console.log(e);
},
// 选中任一radio时，由radio-group触发
radioGroupChange(e) {
// console.log(e);
}
// 选中某个复选框时，由checkbox时触发
checkboxChange(e) {
//console.log(e);
},
// 选中任一checkbox时，由checkbox-group触发
checkboxGroupChange(e) {
// console.log(e);
}
}
};
</script>
@ -174,4 +163,34 @@
color: rgba(129, 188, 253, 1) !important;
line-height: 36px;
}
//单选框的样式
.pact{
position: relative;
padding-left: 40rpx;
}
.u-checkbox-group{
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.u-checkbox__icon--square{
border-radius: 50rpx!important;
width: 22rpx;
height: 22rpx;
}
.u-btn{
width:628rpx;
height:98rpx;
background:rgba(255,120,15,1)!important;
border-radius:49rpx;
margin: 0 auto;
font-size:36rpx;
color:rgba(255,255,255,1)!important;
line-height:36px;
border: 1px #ff780f solid;
outline: none;
border-color: rgba(255,120,15,1)!important;
}
</style>