file选择图片组件(CSS加号样式)
2022-02-18 本文已影响0人
努力study代码的小哪吒
Css加号样式
<div class="camera_icon" :style="{background: bgColor, '--color': addColor }" >
<--这个看自己的需求需要不需要-->
<p class="title" v-if="titleShow">首图</p>
</div>
.camera_icon
width 100%
height 100%
border-radius 16px
position relative
display flex
justify-content center
.title
padding-top 35%
font-size 28px
font-family PingFangSC-Medium, PingFang SC
font-weight 500
&:before
content ''
position absolute
left 50%
top 50%
width 68px
height 8px
border-radius 20%
background var(--color)
margin-left -34px
margin-top -4px
&:after
content ''
position absolute
left 50%
top 50%
width 8px
height 68px
border-radius 20%
background var(--color)
margin-top -34px
margin-left -4px