摘要:
<svg> <defs> <linearGradient id="grad" x1="10%" x2="100%"> <stop offset="0%" style="stop-color:#6E15FF; stop-opacity:0.6" /> <stop offset="100%" style 阅读全文
摘要:
这里使用了一个没有用的裁剪插件,需要先下载它 npm i vue-cropper@0.6.4 --save 然后在main.js引入: import VueCropper from 'vue-cropper' Vue.use(VueCropper) 1、html部分: <template> <el- 阅读全文
摘要:
一、普通的值类型的数据校验①设置 el-form-item 的 prop 值 与 formdata 中定义的 key 保持一致`②如果 rules 需要通过 el-form 统一设置,rules 的 key 定义也与 prop 保持一致(如果不一致,需要在 el-form-item 中 手动指定)③ 阅读全文
摘要:
1、将验证加到字段上,上面的prop标签就是用来验证的名称 2、定义rules公共文件 /** * Form表单验证 * author: jiangfan * @type {RegExp} */ // 电话 let phoneReg = /^(13[0-9]|14[5|7]|15[0|1|2|3|4 阅读全文
摘要:
1、TestScroll.wxml <view class="content-box"> <!-- 左侧分类 --> <scroll-view scroll-y scroll-with-animation class="left" style="width:245rpx;height:100%;ba 阅读全文
摘要:
先看看效果: 第一步:使用canvas标签,给canvas添加一个id <canvas id="canvasVCode" width="40" height="22" class="captcha" @click="changeVCode"></canvas> 第二步:在页面加载完毕后调用 点击验证 阅读全文
摘要:
先看效果: wxml: <canvas class="v-code" bindtap="changeImg" style="width:100px; height:40px;" canvas-id="canvas"></canvas> js: const MCAP = require('../../ 阅读全文
摘要:
微信小程序实现方案: 我们可以利用微信小程序的内置组件轻松实现!1.将整个屏幕用movable-area组件覆盖,2.在movable-area内部添加一个movable-view实现自由滑动。3.重点:CSS属性 pointer-events 。代码奉上:wxml: <movable-area c 阅读全文
摘要:
比如小程序的获取openid, 首先getOpenID需要借助Promise实现,然后才可以使用async 和 await来同步(Vue同样如此) Page({ /** * 生命周期函数--监听页面加载 */ async onLoad(options) { const openid = await 阅读全文
摘要:
<template> <el-table :height="tableHeight" :data="tableData"> <el-table-column header-align="center" label="序号" align="center" width="50px"> <template 阅读全文