随笔分类 -  uniapp

uniapp教程
摘要:近期会更新最新版的tab切换,敬请期待…… 说明:本案例的样式基于colorui组件库 感兴趣的小伙伴可以看下教程 colorui组件库开发文档或者csdn的文档,顺便再分享下 colorui的群资源 最近项目中需要用到滑动切换的效果,自己懒得写就去网上找了下,发现网上的也不靠谱,不是样式错乱就是其 阅读全文
posted @ 2021-02-19 22:29 奔跑的前端猿 阅读(2374) 评论(0) 推荐(0) 编辑
摘要:说明:本案例的样式基于colorui组件库 感兴趣的小伙伴可以看下教程 colorui组件库开发文档或者csdn的文档,顺便再分享下 colorui的群资源 html <checkbox-group class="block" @change="CheckboxChange"> <checkbox 阅读全文
posted @ 2021-02-03 17:09 奔跑的前端猿 阅读(2865) 评论(0) 推荐(0) 编辑
摘要:下面的这个方法是在百度上找的,但是老是报错,一直没找到原因,索性自己就挨个检查了下,发现在过滤之前需要对传过来的值进行检测,是字符串才能让这个方法执行 filters: { formatRichText(html) { //控制小程序中图片大小 let newContent = '' newCont 阅读全文
posted @ 2020-11-30 14:35 奔跑的前端猿 阅读(1667) 评论(0) 推荐(0) 编辑
摘要:组件使用情况:页面出现多个相似的页面这个时候我们就可以把公共的页面进行封装,避免冗余的代码 1. compoents 目录下新建组件,名称随意[案例就叫 newsList]2. 开始封装需要多次使用的组件 <view class="cu-card article no-card doctors"> 阅读全文
posted @ 2020-10-26 15:53 奔跑的前端猿 阅读(665) 评论(0) 推荐(0) 编辑
摘要:上个月在做小程序的项目时,甲方需要给小程序添加个分享的功能,查看uniapp官方文档后,发现uniapp有自带的小程序分享功能(https://uniapp.dcloud.io/api/plugins/share),里面一堆的参数介绍,你们自己看看吧。我这里就自己封装了一个,哪个页面需要就在哪个页面 阅读全文
posted @ 2020-09-15 17:00 奔跑的前端猿 阅读(14729) 评论(0) 推荐(0) 编辑
摘要:我们在开发中难免会遇到一些登录注册输入框中的值为空时,按钮的状态变成为不可点击的状态,当输入框有值后就把按钮变为可点击的状态 代码部分: <input placeholder="请输入手机号" name="input" type="number" v-model="phone" @input="ch 阅读全文
posted @ 2020-09-10 18:35 奔跑的前端猿 阅读(2296) 评论(0) 推荐(0) 编辑
摘要:之前在开发中遇到过使用colorui组件库的时候,uniapp自带的复选框和colorui的样式有冲突,以至于出现复选框中的勾号一直不显示,后来发现是因为colorui的样式问题 问题的根源: 解决方法:在App.vue中添加如下样式 uni-checkbox .uni-checkbox-input 阅读全文
posted @ 2020-09-10 12:12 奔跑的前端猿 阅读(4949) 评论(0) 推荐(1) 编辑
摘要:page.json中配置"enablePullDownRefresh": true //单个页面修改刷新按钮的颜色 "app-plus": { "titleView": false, "pullToRefresh": { //下拉样式配置 "color": "red" //自定义颜色 } } //全 阅读全文
posted @ 2020-08-07 14:57 奔跑的前端猿 阅读(2299) 评论(0) 推荐(0) 编辑
摘要:今天在做页面跳转传值的时候,一直出现下面的报错: 后来查看了下文档,说如果你的JSON数据是在上一个页面传值过来的话, 这时候在接收数据页解析JSON也会报该错误,因为此时并没有相关的JSON数据从上一个页面传递过来 可以通过判断是否为null来解决这个问题: if (JsonData != nul 阅读全文
posted @ 2020-07-15 11:15 奔跑的前端猿 阅读(10481) 评论(0) 推荐(1) 编辑
摘要:考察的知识点:1、uniapp的页面跳转方法:uni.navigateTo2、页面跳转传值的方法:'?名称=值' 的方式3、参数的接收 onload(option){} 第一个页面的写法: toCompleted() { uni.navigateTo({ url: './allOrder?index 阅读全文
posted @ 2020-07-09 15:28 奔跑的前端猿 阅读(7519) 评论(0) 推荐(0) 编辑
摘要:我们这里采用的是本地缓存的方式进行页面的传参 首先看下官方有关本地缓存的介绍 1、设置本地缓存(-- uni.setStorageSync(KEY,DATA) --) 参数类型必填说明 key String 是 本地缓存中的指定的 key data Any 是 需要存储的内容,只支持原生类型、及能够 阅读全文
posted @ 2020-07-08 16:19 奔跑的前端猿 阅读(7112) 评论(0) 推荐(0) 编辑
摘要:view代码 <view class="margin-top" @tap="getCheckNum()"> <view class="bg-purple">{{!codeTime?'获取验证码':codeTime+'s' + '后重试'}}</view> </view> css代码 .bg-purp 阅读全文
posted @ 2020-07-05 15:50 奔跑的前端猿 阅读(272) 评论(0) 推荐(0) 编辑
摘要:<template> <view> <view class="btn" @tap="toTop" :style="{'display':(flag false? 'none':'block')}"> <text class="cuIcon-top"></text> </view> </view> < 阅读全文
posted @ 2020-07-05 15:46 奔跑的前端猿 阅读(7836) 评论(1) 推荐(1) 编辑
摘要:1、首先我们在Hbuilder x中新建一个uniapp的项目,如下图所示,选择 colorUI项目 2、copy 项目文件夹下的colorUI文件夹到你的项目中去,如下图所示 3、打开根目录下的App.vue文件进行组件的全局引用 1 <style> 2 @import "colorui/main 阅读全文
posted @ 2020-06-05 13:32 奔跑的前端猿 阅读(4457) 评论(0) 推荐(0) 编辑
摘要:步骤分析: 首先得确定你进入表单后传入了id或者整个对象[这里使用id来进行讲解]其次就是两个请求:POST(保存的) 和 PUT(修改的)最后就是通过传入的id是否存在进行判断即可 POST 请求方案 uni.request({ method:'POST', data:this.opportuni 阅读全文
posted @ 2020-05-29 16:23 奔跑的前端猿 阅读(1003) 评论(0) 推荐(0) 编辑
摘要:phoneNumber进行动态调用时候一定要添加引号,否则会报错 1 call() { 2 uni.makePhoneCall({ 3 phoneNumber: 'this.leads.tel' //仅为示例 4 }); 5 } 然后在需要的地方绑定事件进行调用即可 【@tap = 'call()' 阅读全文
posted @ 2020-05-27 18:19 奔跑的前端猿 阅读(2794) 评论(1) 推荐(0) 编辑
摘要:1 分析: 2 需要动态的向数据库中插入数据,既然要进行添加操作,就会触发一个点击的事件,所以我们的第一步就是要先绑定事件 3 向服务器进行请求接口操作,请求的方法为 ‘POST’ 4 最后就是在methods中写函数 5 操作: 6 (1)绑定事件 7 <view @tap="saveOpport 阅读全文
posted @ 2020-05-26 15:44 奔跑的前端猿 阅读(3494) 评论(0) 推荐(0) 编辑
摘要:uniapp 页面跳转传值和接收大江东去,浪淘尽,千古风流人物。故垒西边,人道是,三国周郎赤壁。乱石穿空,惊涛拍岸,卷起千堆雪。江山如画,一时多少豪杰。遥想公瑾当年,小乔初嫁了,雄姿英发。羽扇纶巾,谈笑间,樯橹灰飞烟灭。故国神游,多情应笑我,早生华发。人生如梦,一尊还酹江月。--来自奔跑的panda部落,panda每天与您一起进步 阅读全文
posted @ 2020-05-26 15:23 奔跑的前端猿 阅读(28711) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示