摘要：
效果图： 首先是html的布局： <ul id="menu"> <li class="tabFocus">任嘉伦</li> <li>王俊凯</li> <li>李现</li> </ul> <ul id="content"> <li class="conFocus">任嘉伦（原名任国超），1989年4月 阅读全文
摘要：
伪元素选择器属性介绍 •伪元素主要作用就是操作元素的文本和添加内容 •伪元素使用说明表 属性 描述 X:first-letter 设置X元素中的第一个字。 X:first-line 设置X元素中的第一行字 X::before 在X元素最前面添加内容。 X::after 在X元素最后面添加内容。 fi 阅读全文
摘要：
这个其实就是布局的问题，先上代码吧 <div class="heard"> <ul> <li>第一个li</li> <li>第二个li</li> <li>第三个li</li> <li>第四个li</li> <li>第五个li</li> </ul> </div> .heard { width: 100 阅读全文
摘要：
要求：第一个按钮是选中的状态，点击按钮变背景色 效果图： 点击前： 点击后： 先写一个简单的按钮样式 <template> <div> <button class="btn1">按钮1</button> <button class="btn2">按钮2</button> </div> </templ 阅读全文
摘要：
<div class='popContainer'></div> div.popContainer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); } 阅读全文
摘要：
1,要实现的效果就是文字A和文字B通过鼠标移入移出事件，使他们在界面上交替显示，就如同鼠标移入显示文字A，鼠标移出显示文字B. 2,这个功能主要用v-for循环，和数组循环实现。 首先我先建立一个数组，把框架搭建好。 <div v-for="(arry, index) in itemse" :key 阅读全文
摘要：
样式图： html： <div :key="index" v-for="(item, index) in standing" class="Category"> <label class="Planning" v-bind:class="{ updata_clable: IsIndex index 阅读全文
摘要：
效果图： 以ui li为例： <ul style="float: left;margin: 10px 0 0 71px;"> <li class="rulecontent" v-for="(credititem, i) in creditData" :key="i"> {{ credititem.n 阅读全文
摘要：
1，第一种样式： <label> <input class="radio_type" type="radio"/>免费</label> <label> <input class="radio_type" type="radio" />积分</label> <label> <input class=" 阅读全文
摘要：
1，鼠标点击显示隐藏，样式可以自己调，我就写个dome。 <div class="min"> <button @click="change">点击我</button> <div v-show="show"> 显示隐藏的内容 </div> </div> <script> export default 阅读全文