自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除