- 博客(4)
- 收藏
- 关注
原创 flex布局+自动换行
效果图:代码:<div class="newRightPeople"> <div class="peopleCard" v-for="(i,index) in item4[selectTypeIndex].list"> <div class="cardImg"> <img :src="i.src"/> </div> <div class="cardInfo"> .
2021-08-04 16:14:51
5896
原创 vue进度条阶段显示
效果图(时间点过的背景色为蓝色,时间点未过的为灰色):UI设计图html代码:<div class="main"> <div class="mainTitle">新人学习阶段</div> <div class="mainHr"> <div v-for="(i,index) in item1"> <div v-if="i.pass" :class="'mainHr'+i.b..
2021-08-03 09:33:13
960
原创 div鼠标悬浮加阴影
效果图:(总控计划)html代码:<div class="headItem" v-for="(i,index) in item1" :key="i.id" > </div> css代码:.headItem{ background-color: #FFFFFF; width: 16rem; position: relative; display: flex; align-items: center}.headItem:hover{ box-s.
2021-08-02 17:46:36
544
原创 vue遍历图片并水平排布
<div class="headItem" v-for="(i,index) in item1" :key="i.id" > <span class="headImg"> <img :src="i.src"/> </span> <span class="headName"> {{i.name}} </span> <span class="headNumber"> {{i.number}.
2021-08-02 17:38:59
2716
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人