怪味曹小豆

导航

2018年10月31日 #

知识点8: 进度条制作,进度条宽度随数据变动

摘要: 情况一: 效果图: html(动态设置样式style为item.style) js:(loadData()里,加载相关数据,赋值给width) 情况二: 效果图:(进度条根据旁边的数据联动) 关键html: (动态设置样式style。其中num1需要在data中赋值,值是右侧的22) 阅读全文

posted @ 2018-10-31 17:35 怪味曹小豆 阅读(615) 评论(0) 推荐(0) 编辑

知识点7: 跨域问题

摘要: 代理-target需要正确配置。其中获取数据的方式是通过indi 在vue项目中config--index.js中 阅读全文

posted @ 2018-10-31 17:27 怪味曹小豆 阅读(101) 评论(0) 推荐(0) 编辑

知识点6: v-for列表循环

摘要: 效果图: 只手写了第一个dom: 剩下4个dom由v-for生成. html js 接数据 mounted() { this.loadData(); }, mounted() { this.loadData(); }, 阅读全文

posted @ 2018-10-31 17:09 怪味曹小豆 阅读(258) 评论(0) 推荐(0) 编辑

2018年10月29日 #

知识点5:

摘要: 效果图: html js 阅读全文

posted @ 2018-10-29 17:37 怪味曹小豆 阅读(97) 评论(0) 推荐(0) 编辑

知识点4: 配置echarts折线图和饼图

摘要: 折线图 效果图 html js 饼图(option配置不同) 效果图 阅读全文

posted @ 2018-10-29 17:17 怪味曹小豆 阅读(451) 评论(0) 推荐(0) 编辑

知识点3: 动态数据接入

摘要: 效果图: html (事先封装好了counter标签) js 数据接入(sl0061是动态地址) mounted() { this.loaddata() }, mounted() { this.loaddata() }, 阅读全文

posted @ 2018-10-29 17:02 怪味曹小豆 阅读(176) 评论(0) 推荐(0) 编辑

知识点2: 给文字添加渐变样式

摘要: 效果图: 文字的css: 文字前面原点的css 阅读全文

posted @ 2018-10-29 16:57 怪味曹小豆 阅读(136) 评论(0) 推荐(0) 编辑

知识点1: 进度条随数据变化,并添加渐变样式

摘要: 效果图: dom: css: js 阅读全文

posted @ 2018-10-29 16:33 怪味曹小豆 阅读(628) 评论(0) 推荐(0) 编辑

2018年10月26日 #

vue项目动态控制数据变动时箭头样式

摘要: html代码 <div class="top_precent"> <span :class="{arrow:numPrecent<0}"></span> </div> css代码 span{ font-size: 20px; line-height: 50px; } span:before{ con 阅读全文

posted @ 2018-10-26 16:10 怪味曹小豆 阅读(670) 评论(0) 推荐(0) 编辑

2018年10月25日 #

css3实现文本渐变

摘要: background-image:-webkit-linear-gradient(bottom, #00d5fd,#84eaff,#00d5fd); -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-inde 阅读全文

posted @ 2018-10-25 16:21 怪味曹小豆 阅读(110) 评论(0) 推荐(0) 编辑