|
<template>
<view class="avatar-box">
<view class="avatar-wrap">
<text class="icon-face"></text>
<text style="color:#fff">录入人脸</text>
</view>
</view>
</template>
<script>
export default {
data(){
return {
face:''
}
}
}
</script>
<style>
.avatar-box {
height: 190px;
background-color: #fff;
flex-direction: row;
justify-content: center;
align-items: center;
}
.avatar-wrap {
height: 135px;
width: 135px;
background-color: #2881ff;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
}
@font-face {
font-family: "icon";
src: url('../css/hc_icons/iconfont.ttf')
}
.icon-face{
font-family: 'icon' !important;
font-size: 30px;
color: #fff;
}
</style> |
|