![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
样式
文章平均质量分 74
weixin_45233008
这个作者很懒,什么都没留下…
展开
-
vue中不同的状态对应不同的样式
vue中不同的状态对应不同的样式在具体的开发中,不同的状态应该对应不同的样式。这里我给大家举个列子,当周末的时候,状态处于放假中;当处于周一时,状态处于上课中。这时候可以利用vue的计算属性来写:computed: { stateConputed(val) { return function(val) { let returnData = this.stateList.filter(item => { return item.state === val;原创 2021-08-16 14:40:39 · 1138 阅读 · 0 评论 -
JavaScript中三元表达式的运用
JavaScript中三元表达式的运用在实际的应用场景中,每个数组的每个字段中不是都有值的,当它没有值的时候,我们要进行页面渲染时,最好统一方式,这样体验效果最好。当list数组中name为空的时候,可以显示未知;当list数组中age为空的时候,可以显示不详;当list数组中hobby为空的时候,可以显示暂无。这里用三元表达式来进行展示,代码如下:<template> <view class="content"> <view class="nav" v-fo原创 2021-08-13 14:50:56 · 296 阅读 · 0 评论 -
HTML+CSS实现滚动效果加隐藏滚动条
HTML+CSS实现滚动效果加隐藏滚动条有的时候为了体验效果好,一个区域中显示的内容有限,这时候可以把多余内容隐藏进行滚动显示,为了效果好把滚动条进行隐藏。我们需要一个父元素和子元素:父元素设置宽和overflow:hidden; width: 100%; overflow:hidden;子元素设置的宽要比父元素宽 width:calc(100% + 15rpx); padding-right:15rpx; overflow-y:scroll;原创 2021-08-11 15:59:41 · 252 阅读 · 0 评论 -
悬浮固定位置按钮和Gap 间隔槽的使用
悬浮固定位置按钮和Gap 间隔槽的使用悬浮固定位置按钮<template> <view class="content"> <view class="nav" v-for="(item, index) in list" :key="index"> <text> {{item.name}} </text> </view> <view class="bttn"> <button原创 2021-08-11 14:37:44 · 972 阅读 · 0 评论 -
border-color显示梯形、等腰三角形、直角三角形
border-color显示梯形、等腰三角形、直角三角形<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> /* 梯形CSS */ .demo { width: 100px; height: 100px; border: 100px so原创 2021-08-11 10:13:53 · 114 阅读 · 0 评论