随笔分类 - uni-app
摘要：在本页面引入组件并使用 在需要左滑删除的地方使用 <view v-for="(item, index) in csListArrl" :key="index" :data-index="index"> <delSlideLeft :item="item" :data_transit="{ index
阅读全文
摘要：<template> <div class="circle-progress"> <h2>半环形进度条DEMO</h2> <canvas id="canvas" width="150" height="150"></canvas> <div class="btns"> <van-button @cl
阅读全文
摘要：1、App.vue文件 <script> import appUpdate from '@/util/appUpdate.js' onLaunch: function() { uni.getSystemInfo({ success: function(e) { // #ifdef APP-PLUS
阅读全文
摘要：## 封装组件 ``` {{emptyTips}} {{isJSON?(isAloneShow?item[keyName]:item[keyCode]+' _ '+item[keyName]):item}} {{isJSON?isAloneShow?(item.enumCode?item.enumC
阅读全文
摘要：Android平台打包发布apk应用，需要使用数字证书（.keystore文件）进行签名，用于表明开发者身份。 ## 需要安装JRE环境（推荐使用JRE8环境） ## 操作步骤 1、选择一个文件夹，地址栏输入CMD，打开终端。 ```shell set PATH=%PATH%;"D:\java\Ja
阅读全文
摘要：子页面 ``` let pages = getCurrentPages(); // 当前页页⾯实例 let nowPage = pages[pages.length -1]; //当前页⾯实例 let prevPage = pages[pages.length -2]; // 上一页面实例 // 需
阅读全文
摘要：原因是在下载iconfont压缩包解压引入后，需要在iconfont/iconfont.css修改地址
阅读全文
摘要：colorUI简介 ColorUI迎来了2.0的升级，相比之前的版本，2.0版本重构了基础代码，增加了更多的配色，这是一个全新的小程序UI解决方案。 ColorUI是一个Css类的UI组件库！不是一个Js框架。相比于同类小程序组件库，ColorUI更注重于视觉交互！ 不仅可以在小程序中使用，还可以在
阅读全文
摘要：//设置页面全屏 onShow() { plus.navigator.setFullscreen(true); }, //如果不加这句，会导致跳转到别的页面后也是全屏 onHide() { plus.navigator.setFullscreen(false); },
阅读全文
摘要：横屏竖屏之间的切换 updated(){ if(this.PageCur=='news'){ //满足条件转换为横屏 plus.screen.lockOrientation("landscape-primary"); }else{ //否则便会原来的竖屏 plus.screen.lockOrient
阅读全文
摘要：对于后端返回的数据需要换行显示的，可以通过后端数据直接准换，或者自己处理成相应的数据，通过正则转换换行，可如下面的格式转换 data(){ retrue:{ content: "1.实名认证\n2.自动检测更新\n3.细节优化", } }, methods: { implement：{ conten
阅读全文
摘要：//重定向路径 const path = require('path'); function resolve (dir) { return path.join(__dirname, dir) } module.exports = { chainWebpack: (config) => { confi
阅读全文
摘要：uni.request({ url: "http://2132", //请求更新地址 data: '', success(res) { if (!!res.data) { uni.showModal({ title: '版本更新' + res.data.versionCode, content: r
阅读全文
摘要：template里 <template> <view :style="{'height':vheight}"> </view> </template> script里 data(){ return{ vheight:"",//获取的高度 } }, onReady() { // 计算屏幕剩余高度 填补
阅读全文
摘要：组件/标签的变化 以前是html标签，现在是小程序标签 div 改成 view span、font 改成 text a 改成 navigator img 改成 image input 还在，但type属性改成了confirmtype form、button、checkbox、radio、label、
阅读全文
摘要：1、一般用法 //store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { isWork:true,// 判断是否已经上班打卡了
阅读全文
摘要：代码： <view> <picker @change="examinationType" :range="examinationTypeArray"> <label>性别：</label> <label class="">{{ examinationTypeArrayType }}</label>
阅读全文
摘要：进入页面 实时动态显示当前时间（时分秒） <text class="punch-time">{{ clock | FormatTime }}</text> data() { return { clock: Date.parse(new Date()), }; }, mounted() { let _
阅读全文
摘要：uniApp实现swiper和scroll-view联动，滑动swiper时改变scroll-view，点击scroll-view时切换到指定的swiper（初学者） 因为这里只是一个简单的示例，提供一下思路，具体需求自己加以改动。 代码效果如图，运行环境为HBuilderX，运行在Chrome浏览
阅读全文
摘要：使用uniapp开发项目时，顶部导航栏是经常会有的功能需求，然而uniapp官网的导航栏组件有时并不那么尽人意，于是我自定义了一个组件，将其封装了起来，并将背景颜色，选中文字颜色，底部横条颜色等外抛，以便使用者根据需求来选择，完整代码在文章最后已给出 引用方式 在script中导入并在compone
阅读全文
