uniapp
暖风阵阵
这个作者很懒,什么都没留下…
展开
-
uni.$on,uni.$emit页面通讯,组件通讯
uni.$on和uni.$emit,页面或组件通讯,相互传数据原创 2022-04-09 22:23:43 · 348 阅读 · 0 评论 -
uniapp中picker(封装组件+自定义)二
uniapp中封装一个自定义的picker原创 2021-12-01 11:14:24 · 4173 阅读 · 0 评论 -
uniapp中picker(一)
uniapp中picker普通使用原创 2021-12-01 11:05:19 · 891 阅读 · 0 评论 -
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 · 591 阅读 · 0 评论 -
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 · 1757 阅读 · 0 评论 -
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 · 1402 阅读 · 0 评论 -
uniapp封装一个列表
1,准备list子组件<template> <view> <view class="item" v-for="(items,index) in hotgoods" :key="index" @click='clickIndex(items.id)'> <view>{{items.title}}</view> </view> </view></template><script>原创 2021-05-20 17:40:38 · 440 阅读 · 0 评论 -
uniapp中封装一个弹框组件
1,准备组件popup// components文件夹中popup组件<template> <view> <view class="show-box-bg wx-login-box"> <view class="conten"> <view class="titl">{{ popupMsg.title }}</view> <view class="text">{{ popupMsg.conte原创 2021-05-20 17:34:26 · 2516 阅读 · 0 评论 -
微信小程序优惠券样式
微信小程序优惠券样式<view class="coupon-view"> <view class="coupon-left"></view> <view class="coupon-right"></view></view><!-- -->.coupon-view { display: flex; position: relative; width: 710rpx; height: 22原创 2021-03-10 16:26:16 · 777 阅读 · 0 评论 -
全局通用样式
全局通用样式如何插入一段漂亮的代码片如何插入一段漂亮的代码片page{ width: 750rpx; font-size: 30rpx; background-color: #eee; } button::after{ border: none; } /* 容器 */ .white-view{ margin: 20rpx; padding: 20rpx; background-color: #fff; border-radius: 16rpx; } /* 边原创 2021-03-09 14:53:34 · 145 阅读 · 0 评论 -
uniapp中生成二维码并展示
uniappuniapp生成二维码并展示uniapp生成二维码并展示1、下载weapp-qrcode.js文件并放在utils文件中链接: https://pan.baidu.com/s/1VXhq3ZjxmDcH1tFujKg75Q提取码:vj2y2、在使用的页面引入const qrCode = require('../../utils/weapp-qrcode.js')3、template部分<text @click='handleShowCodeClick>点击出现二维码原创 2020-11-26 10:15:16 · 5663 阅读 · 5 评论