weixin_51603392的博客

原创 检查登录

<view class="mine"> <Nav rightDes="../../../static/mine/xx.png" num="0" :title="tra > 0.6 ? '我的' : ''" @rightClickt="openUrl('/pages/my/set/set')" @rightClick="navigateToCheck('/pages/my/news/news')" rightDest="../.....

原创 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".

原创 上传图片

<view class="tupian" v-if="listPic.length < 8" @click="shangchuanPic(8 - listPic.length)"> </view> shangchuanPic(number) { selectPic(number).then(res => {this.listPic = this.listPic.concat(res)} )},

原创 形参解构成变量 实参组成对象

1.

原创 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

原创 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)...

原创 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.

原创 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...

原创 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....

转载 uniapp 使用vuex

vuex在uniapp中如何导入？第一步，在项目根目录下创建store文件夹，在store文件夹下创建文件index.js第二步，在创建的index.js中导入vue，导入vuex，并创建store对象，导出store对象import Vue from "vue" //引入vueimport Vuex from "vuex" // 引入vuexVue.use(Vuex) // 让vue使用vuex// 通过vuex构造函数创建store对象const store = new Vuex.St.

原创 uniapp 跳转页面及传递参数 传参

目录1.标签跳转1.标签跳转<navigator :url=" './nav?index='+navData">点击传递参数</navigator>2.api跳转

原创 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.

原创 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...

原创 vue mixin混入常用方法

混入的方式目录混入的方式常用的混入方法混入的方式混入的方式一：单页面引入混入首先创建一个 mixin 文件夹，然后再在里面创建一个mixin.js文件然后再创建混入对象：let mixin = { data(){ return{ str:'你好' } }, created() { console.log("我是混入的生命周期函数") }, methods:...

原创 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

原创 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....

原创 uniapp中block和view的区别

原创 手写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...