摘要:
这次是写到了一个类似卡包的页面,分门店展示,没个门店拥有的卡数不等。加了一个收起和展开的功能收起时只展示第一张卡,展开时显示所有的卡信息 效果如图 方法一 wxml代码很简单 <view class="section_main" wx:for="{{copyShopList}}" wx:for-in 阅读全文
摘要:
background-origin属性规定背景图的定位区域,有三个值: border-box:背景图从外边框的左上角开始,即包括边框部分; padding-box:背景图从内边距的左上角开始,即不包括上和左边框部分,图片足够大会包括右和下边框部分; content-box:背景图从内容框的左上角开始 阅读全文
摘要:
from的语法如下 Array.from(object, mapFunction, thisValue) object为要转为数组的对象,此对象的必须有length值,或为set()得到的对象,或字符串(必须参数) 如果object是一个数组,返回的仍是此数组 mapFunction,处理objec 阅读全文
摘要:
一、filter 数组的过滤或筛选功能,根据筛选条件返回一个包含符合条件元素的新数组,不影响原数组,筛选条件写在一个函数中 二、find 返回通过函数内条件的第一个元素的值 三、map 数组的映射,返回一个新数组,其值是通过函数处理过的值 四、some some() 方法会依次执行数组的每个元素: 阅读全文
摘要:
一、img的object-fit属性 我们在项目中插入图片的时候一般就2种方式,1.是用img标签;2.是用background中background-image 在使用background时,可以用background-size来设置图片的显示方式,比较方便。 在用img标签时,后台获取的图片尺寸 阅读全文
摘要:
当我们使用多个img标签时就会遇到img自带间距的问题如下 解决这个问题很多种方法,下面来简单说一下 1.如果只想解决解决竖向的间距 只需用vertical-align这个属性就可以了 或者给img标签的父元素加上line-height属性 如果图片很宽一个就占一行的画,比如移动端的长图,给图片加d 阅读全文
摘要:
最近接一个新需求,要求双击时文字变成输入框失去焦点自动保存到服务器 本来双击编辑文字并不困难,但是文字的父元素有正好有请求服务器的点击事件 如果不能阻止的话会导致无意义的多次请求服务器,就研究了一下解决方法,下面上代码,基于vue使用的 <div class="page-tit" v-for="(i 阅读全文