uniapp
weixin_51603392
这个作者很懒,什么都没留下…
展开
-
uniapp模板
<template> <view class="content"> <uni-nav-bar @clickLeft="navigateBack" @clickRight="$refs.share.open()" background-color="#FFFFFF" leftIcon="/static/image/jinru.png" rightIcon="/static/recommend/fenx.png".原创 2021-06-01 14:45:31 · 715 阅读 · 0 评论 -
形参解构成变量 实参组成对象
1.原创 2021-05-28 17:44:00 · 142 阅读 · 0 评论 -
uniapp导航栏 上拉显示标题
导航栏1.修改uni-navbar导航栏组件http://localhost:8080/#/pages/navbar1/navbar1 <uni-nav-bar @clickLeft="navigateBack" @clickRight="$refs.share.open()" background-color="#FFFFFF" leftIcon="/static/image/jinru.png" rightIcon="/sta原创 2021-05-15 09:36:30 · 522 阅读 · 0 评论 -
uniapp 切换选项卡并请求不同数据
目录1.把标题写在视图上2.把标题写在return里1.把标题写在视图上<view class="head-left"> <view :class="index == 0 ? 'left-text' : 'left-title'" @click="load(0)">英皇</view> <view :class="index == 1 ? 'left-text' : 'left-title'" @click="load(1)...原创 2021-05-08 09:24:27 · 1255 阅读 · 0 评论 -
uniapp PopUp弹出层 弹窗使用
<template> <uni-popup ref="tan" type="center"> <view class="content"> </view> </uni-popup></template><script>export default { name: 'selectCity', props: ['title', 'url'], data() { return { sel.原创 2021-05-07 08:42:18 · 2324 阅读 · 0 评论 -
uniapp密码登录
<template> <view class="box"> <view class="tit">欢迎登录UPLAY</view> <view class="ul"> <view class="li"> <text class="title">+86</text> <image class="xiala" src="/static/login/xiala.pn...原创 2021-05-06 09:51:03 · 1727 阅读 · 2 评论 -
uniapp验证码登录
<template> <view class="content"> <view class="welcome">欢迎登录UPLAY</view> <view class="ul"> <view class="li"> <text class="title">+86</text> <image class="xiala" src="/static/login/xiala....原创 2021-05-06 09:44:58 · 2732 阅读 · 1 评论 -
uniapp 跳转页面及传递参数 传参
目录1.标签跳转1.标签跳转<navigator :url=" './nav?index='+navData">点击传递参数</navigator>2.api跳转原创 2021-04-28 16:55:26 · 14467 阅读 · 0 评论 -
uniapp手机号 60s发送验证码
<template> <view class="content"> <view class="baoming"> <view class="baotitle"><view class="center">比赛报名</view></view> <view class="shouji"> <view class="shouji1"> <view class="sh.原创 2021-04-28 16:38:58 · 597 阅读 · 0 评论 -
uni-app 全局变量的几种实现方式
公用模块定义一个专用的模块,用来组织和管理这些全局的变量,在需要的页面引入。示例如下:在 uni-app 项目根目录下创建 common 目录,然后在 common 目录下新建 helper.js 用于定义公用的方法。const websiteUrl = 'http://uniapp.dcloud.io'; const now = Date.now || function () { return new Date().getTime(); }; const isArr...原创 2021-04-28 11:42:01 · 265 阅读 · 0 评论 -
uniapp 手写折叠面板
标题<template> <!-- 列表 --> <view class="content"> <view class="collapse" v-for="(item, index) in itemList" :key="index"> <view @click="changeContent(item, index)"> <view class="coll-header"> <view styl原创 2021-04-27 16:16:12 · 1354 阅读 · 0 评论 -
checkbox 多选 全选 取消全选
<template> <view class="content"> <view class="top"> <checkbox-group @change="seletedStatus" checked> <checkbox :value="item.value" v-for="(item,index) in items" :key="index" :checked="checkList.includes(String(item....原创 2021-04-27 11:38:56 · 197 阅读 · 0 评论 -
uniapp中block和view的区别
原创 2021-04-27 09:57:57 · 2200 阅读 · 0 评论 -
手写uniapp单选微信支付宝支付
<view class="pay_type"> <view class="pay_type1" @click.stop="selectNum = 1"> <image class="img" src="/static/competition/weixfuk.png" /> <text class="type">微信支付</text> <image class="select" :src="sele...原创 2021-04-27 09:23:09 · 366 阅读 · 0 评论