
微信小程序
记录微信小程序学习过程
红衣大叔
推荐“小区楼号地图骑手版”微信小程序
展开
-
微信小程序css之过度效果
transition:transition-property transition-duration transition-delay transition-timing-function;transition-property 过度属性字段 可以多个用逗号隔开,也可以用all表示所有属性transition-duration 过度持续时间 10stransition-delay 延迟执行过渡时间 10stransition-timing-function 过渡时间函数 linea.原创 2020-08-23 12:01:33 · 1359 阅读 · 0 评论 -
微信小程序之二维仿射变换
一、移动tansform:translate(dx,dy);二、缩放transform:scale(hs,vs);三、旋转transform:scale(30deg);四、倾斜transform:skew(xs,ys)原创 2020-08-23 11:14:57 · 233 阅读 · 0 评论 -
微信小程序css之线性渐变
线性渐变注意是设置背景图片wxml:<!--index.wxml--><view class="container"> <view class="linear-gradient">线性渐变</view></view>wxss:.linear-gradient{ width:400rpx; height:300rpx; background-image: linear-gradient(red,orange,yel原创 2020-08-23 07:03:34 · 904 阅读 · 0 评论 -
微信小程序css之阴影效果
一、盒子阴影box-shadow: h-shadow v-shadow blur spread color inset;h-shadow 必需的。水平阴影的位置。允许负值v-shadow 必需的。垂直阴影的位置。允许负值blur 可选。模糊距离spread 可选。阴影的大小color 可选。阴影的颜色。在CSS颜色值寻找颜色值的完整列表inset 可选。从外层的阴影(开始时)改变阴影内侧阴影wxml:<!--index.wxml--><view class="c原创 2020-08-22 18:18:41 · 13279 阅读 · 0 评论 -
小程序css之圆角边框
border-radius: hr hr hr hr/vr vr vr vrhr 水平半径 vr 垂直半径顺序为逆时针 左上角 右上角 右下角 左下角wxml:<!--index.wxml--><view class="container"> <view class="yuanjiao">圆角边框</view></view>wcss.yuanjiao{ width:200rpx; height:10.原创 2020-08-22 17:52:51 · 711 阅读 · 0 评论 -
小程序css之字体镂空
wxml:<!--index.wxml--><view class="container"> <view class="loukong">镂空效果</view></view>wcss:.loukong{ -webkit-text-stroke: 1px #FF0000; color:transparent; font-size: 100rpx;}效果图原创 2020-08-22 17:36:37 · 894 阅读 · 0 评论 -
小程序绘制之CanvasContext
一、全局1、drawCanvasContext.draw(boolean reserve, function callback)reserve:本次绘制是否接着上一次绘制。即 reserve 参数为 false,则在本次调用绘制之前 native 层会先清空画布再继续绘制;若 reserve 参数为 true,则保留当前画布上的内容,本次调用 drawCanvas 绘制的内容覆盖在上面,默认 false。绘制完成后执行的回调函数示例:const ctx = wx.createCanvasC原创 2020-08-19 09:11:37 · 6244 阅读 · 0 评论 -
微信小程序导出excel之exceljs
1.创建工作簿const workbook = new Excel.Workbook();2.设置工作簿属性workbook.creator="gis";//创作者workbook.lastModifiedBy = 'Her';//最后修改者workbook.modified = new Date();//最后修改日期workbook.lastPrinted = new Date(2016, 9, 27);//最后加载时间3.添加工作表const sheet = workbook.ad原创 2020-08-15 14:04:24 · 2434 阅读 · 0 评论