|
<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 {
}
</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: row;
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';
}
.icon-face::before{
content: "\e624";
}
</style>
|
|