前端
学习使用到的一些有用的知识点
㊎㊍㊌㊋㊏
0.o
展开
-
微信小程序 - 多行文本省略及环绕式展开按钮
多行文本省略及文本展开具体代码如下先上效果图让展开按钮环绕文字,主要是通过伪类来实现此样式的构建。此过程中曾使用以下方式来进行文字省略display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;但是真机测试时文字显示会有问题,具体原因还尚未知具体代码如下<!-- wxml --><view class="content"> <view class="text {{i原创 2022-03-14 11:32:57 · 856 阅读 · 2 评论 -
实现正负值及多条Y轴 Echarts柱状图
正负值及多条Y轴话不多说,直接上代码 let xData = ['语文', '数学', '英语', '地理', '物理', '化学', '生物'] let yData = [320, 302, -341, -374, 390, 450, -420]let max = Math.max(...yData)// 区分正负值let emptyData = yData.map((v, i) => { let xColor = null if (v >= 0) {原创 2021-12-30 18:15:49 · 821 阅读 · 0 评论 -
element-ui 修改日期选择器指定日期样式
HTML<el-date-picker v-model="value" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker>CSS.color { background-color: #ff0000; }JAVASCRIPTdata() { return { pickerOp原创 2020-09-16 14:25:26 · 1985 阅读 · 0 评论 -
黑白效果 Filter CSS
html{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit.原创 2020-11-13 16:23:40 · 228 阅读 · 0 评论