- 博客(59)
- 收藏
- 关注
原创 【el-select自定义样式,css手写选择框】
- 自定义模板 start -- > < el - select v - model = "value" multiple placeholder = "请选择" style = "width:100%;
2023-07-06 11:42:58
726
原创 微信小程序:返回上页传参
1,本页// index.wxml<view>{{value}}</view><view>----------------------------</view><button type="primary" bindtap="goNextPageClick">点击</button>// index.jsPage({ data: { value:'' }, goNextPageClick(){ wx.
2021-12-30 16:34:54
197
原创 【微信小程序使用canvas绘制二维码】
1,在util文件夹中的common.js//引入import drawQrcode from './qrcode.min.js';import draw2dQrcode from './weapp.qrcode.esm.js';//导出封装的公用方法export default{//老版二维码:canvas-id="testQrcode" qrcode(canvas,text,width,height){ drawQrcode({ width: width || 16
2021-12-30 15:30:39
1718
1
原创 wx小程序:封装一个公用方法
1,在util/common.js//导出export function showToast(title,icon,duration){ wx.showToast({ title: title || '', mask:true, icon:icon || 'none', duration: duration || 2500 })}2,使用import {showToast} from '../../../utils/common.js';clickBtn
2021-12-27 16:46:37
329
原创 购物车:全选、选中、删除
// 弹框是element-ui,可修改成其他<template><div> <div class="shop-view"> <div class="goods" style="justify-content: flex-end;"> <p :class="type?'p-active':'p'" @click="change">{{type?'管理x':'管理'}}</p> </div> <d
2021-12-16 11:04:12
1320
原创 vue中:Bus兄弟传值
1,父组件index.vue<template> <div> 主页面 <nav-bar></nav-bar> <tab-list></tab-list> </div></template><script> import navBar from './nav-bar.vue'; import tabList from './tab-list.vue'; export def
2021-12-13 17:07:11
280
原创 vue项目中,封装一个el-dialog组件
1,父组件// An highlighted block<template> <div class="content"> <div class="nav between"> <div class="flex-row"> <div class='name-view'> <span class="name">名称</span> <el-select v-model="value"
2021-12-06 15:21:10
819
原创 js中一些奇奇怪怪的符号
// An highlighted block<template> <view class=""> <!--语法(1) ?? --> <view @click='handleData()'>点击</view> <!-- 语法(2) ?. --> <view @click='handle1()'>可选链</view> <!-- 语法(2) 对象--> <view :c
2021-11-29 16:02:54
495
原创 uniapp:单选、复选、文本(使用普通标签)一
单选、复选、文本//这个方法处理数据较方便<template> <view> <view class="content" v-for='(item,index) in list' :key='index'> <view class="">{{index+1+'、'+item.itemName}}{{item.type==0?'(单选)':item.type==1?'(多选)':''}}</view> <view clas
2021-11-26 15:43:13
570
原创 uniapp处理 var str = ‘这是一个字符串[x]语句,[y]字符串很常见‘;
//html<view>{{init}}</view><view>*************************</view><view>{{init1}}</view><view>-------------------------</view><view>{{init3}}</view>方法(一)//传字符串,单个替换,不太简便的方法computed:{ init
2021-11-25 17:04:01
1740
原创 uniapp:单选、多选、文本(使用radio等组件,先整理参数再提交)二
双层循环之radio、checkbox、textarea)代码片.// An highlighted block<template> <view class="box"> <view class="content"> <!-- 0:单选,1:多选,2:简单回答 --> <view style="margin: 28rpx 0 0 0;" v-if='radioList.length>0'>
2021-11-15 16:41:35
1364
原创 微信小程序封装组件(二)传参
1,准备子组件tab// tab.json{ "component": true}// tab.jsComponent({ options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 }, //接收父组件的参数 properties: { tabList: { type: Array, value: [] }, tabId: .
2021-10-16 21:55:35
331
原创 微信小程序封装组件--列表
1,准备子组件–列表// list.josn{ "component": true}// list.jsComponent({ options: { multipleSlots: true // 在组件定义时的选项中启用多slot支持 }, //接收父组件的参数 properties: { list: { type: Array, value: [] }, },//组件的方.
2021-10-16 21:42:34
1509
原创 微信小程序--更改数组中的该条数据的字段
处理数据//(1)wxml<view style="margin: 40rpx 100rpx;"> <view wx:for='{{list}}' wx:for-item='item' wx:key='index' class="row" > <view data-index='{{index}}' data-collet='{{item.ifCollet}}' bindtap="selectFruitClick"> <!-- 1
2021-09-17 17:21:34
535
原创 微信小程序--点击选中(一或多)+提交参数
点击选中1,wxml2,js3,util.js4,css1,wxml// An highlighted block<view style="margin: 40rpx 100rpx;"> <view wx:for='{{list}}' wx:for-item='item' wx:key='index' class="row" > <view class="{{item.select?'select':''}}" data-index='{{in
2021-09-17 11:17:38
1012
原创 倒计时15分钟
微信小程序中,从一个页面点击跳到下一页,开始倒计时15分钟//(1) wxml<view class="box"> <text class="time">{{time.M}}</text> <text class="time">{{time.m}}</text> <text>:</text> <text class="time">{{time.S}}</text> <te
2021-09-16 16:02:15
1015
原创 vue+element,循环多个el-form-item,并校验
vue+element,循环多个el-form-item,并校验// <template> <div style="width: 500px;"> <el-form :model="form" :rules="rules" ref="form" label-width="100px" class="demo-dynamic"> <el-form-item label="手机号" prop="phone"> <el-inp
2021-09-15 14:25:45
1108
原创 微信小程序封装tab组件--自定义组件
微信小程序封装组件1,准备子组件1,准备子组件//新建components文件夹,再建tab文件如下// (1)tab.wxml<view class="tabBox"> <view wx:for="{{tabList}}" wx:key='index' class="tab"> <view class='{{item.id==tabId?"active":""}}' bindtap="_tabChange" data-id='{{ite
2021-09-08 22:11:26
530
原创 微信小程序checkbox复选框5选3(二)
复选框checkbox5选31,wxml2,js3,wxss1,wxmlview>{{machineItem.list.length+'选'+machineItem.duration}}</view><!-- 循环的是label,在整个大盒子绑定事件,所以得到的e.detail.value是个数组 --><checkbox-group bindchange="changeCheckbox"> <label wx:for='{{machineIte.
2021-09-07 19:44:01
363
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人