cy1502的博客

效果图 这种样式可以用在Badge徽标上，比如前四种；第五种是一般用在移动端首页，上面一个swipe,下面设置圆角接其他内容；etc. 一般会用到圆角属性border-raduis，可以同时设置四个角,效果略， 还没写完，又来活了，等有时间补上 参考地址：https://www.w3school.com.cn/css/css3_borders.asp ...

原代码 height：340px; background-image: url( ' ../ ../assets/empty.svg'); background-repeat: no-repeat; background-size: 100% 100%; 设置了不重复、background-size: 100% 100%，图片依旧居中在容器中间，不占满整个屏幕。 是因为svg不支持这个属性！！！！ 换成png或者jpg格式的就好了！ 搜了一下也没明白为啥，欢迎大佬看到给我留言~~~ ...

不定时更新

效果图 此处只说明滚动条设置，横线布局参考https://blog.youkuaiyun.com/cy1502/article/details/121543818?spm=1001.2014.3001.5501 主要属性：hover,overflow:hidden及滚动条属性 完整代码 <template> <div> <div class="page-cards"> <div class="page-card" v-for="item in ca

效果图 重要属性： ①横向布局 父div设置white-space:nowrap （强制不换行）； 子div设置display:line-block（行内块元素）; ② 出现滚动条 父div设置高度！！！！ 设置overflow-x:scroll;overflow-y:hidden; 完整代码： <template> <div> <div class="page-cards"> <div class="pa

实现效果 wxml/html <view class="invoice_box"> <text>发票抬头</text> <van-cell-group> <van-field value="{{ invoice.name }}" placeholder="请输入公司名称" border="{{ false