41 lines
956 B
Vue
41 lines
956 B
Vue
|
<template>
|
|||
|
|
<view class="device-manage">
|
|||
|
|
<u-cell-group>
|
|||
|
|
<u-cell-item class="border-top" :arrow="false" title="常用设备保护">
|
|||
|
|
<u-switch slot="right-icon" active-color="#1abc9c" size="40" v-model="checked"></u-switch>
|
|||
|
|
</u-cell-item>
|
|||
|
|
</u-cell-group>
|
|||
|
|
<view class="describe">开启常用设备保护后，在不常用的手机上登录时，需要进行账号及密码验证，通过后继续登录。</view>
|
|||
|
|
<view class="title">常用设备</view>
|
|||
|
|
<u-cell-group class="">
|
|||
|
|
<u-cell-item
|
|||
|
|
title="HUAWEI Mate30"
|
|||
|
|
:center="true"
|
|||
|
|
label="最近使用：2020-06-28北京市"
|
|||
|
|
value="正在使用"
|
|||
|
|
:value-style="{color:'#1abc9c','font-size':'14px'}"
|
|||
|
|
:title-style="{'color':'#333'}"
|
|||
|
|
>
|
|||
|
|
</u-cell-item>
|
|||
|
|
</u-cell-group>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
checked:true
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.device-manage{
|
|||
|
|
.title{
|
|||
|
|
padding:0 30rpx 20rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|