![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Uniapp
Dragon Wu
创造是信仰!因为热爱所以从事。
展开
-
Uniapp h5配置 springboot
UNIAPP H5配置 SpringBoot_好好学习 天天向上-CSDN博客转载 2022-02-11 14:09:02 · 651 阅读 · 0 评论 -
Vue 的ajax操作
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例</title><script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script><script src="https://cdn.staticfile.org/vue-resource/1..原创 2022-02-11 12:41:23 · 88 阅读 · 0 评论 -
Uniapp 项目模板链接
uni-app项目模板uni-app博客:uni-app 页面 路由navigate - 你还喜欢现在吗? - 博客园mix-mall 电商项目模版:https://ext.dcloud.net.cn/plugin?id=200插件市场,模板市场:https://ext.dcloud.net.cn/plugin?id=239https://ext.dcloud.net.cn/5年web前端的uni-app快速开发项目架构https://ext.dcloud.net.cn/原创 2022-02-11 11:51:24 · 933 阅读 · 0 评论 -
Uniapp h5跨域解决
见:uniapp 解决H5跨域的问题_yehaocheng520的博客-CSDN博客_uniapp解决跨域问题转载 2021-12-28 19:54:52 · 363 阅读 · 0 评论 -
Uniapp 视频播放器运行到微信小程序后黑屏解决
之前,开发用uniapp开发h5时视频播放器是没问题的,但运行到小程序端以后就发现终端没报错播放器却黑屏了,通过不断翻阅资料后终于解决,原来在微信小程序端只支持三种格式的视频数据路径,如下:网络路径、本地临时路径、云文件ID。其中,任意一种。发现这个之后,我开启本地服务器,然后将资源放到服务器上,通过http的url路径就可以使视频正常播放了。...原创 2021-12-01 18:53:52 · 2382 阅读 · 2 评论 -
uniapp 配置使用uview库
一、下载uview插件uView2.0重磅发布,利剑出鞘,一统江湖 - DCloud 插件市场下载后将下载文件里的uview文件夹复制,并粘贴到你的项目二、配置映入1、main.js里加入依赖import uView from 'uview-ui'Vue.use(uView)2、uni.scss里引入依赖,这里注意要放到最后面引入@import "uview-ui/theme.scss";3、 App.vue里映入依赖<style ...原创 2022-04-30 23:03:46 · 920 阅读 · 0 评论 -
Uniapp 设置全局背景100%高度的方法
目录一、问题二、设置全局变量三、页面背景设置四、效果展示一、问题在设置页面时直接设置100%是不起作用的,网上找了好多资料都不行,预上个人就从全局变量入手来设置背景高度。二、设置全局变量这里注意在App.vue里进行添加全局变量时,此时getApp()还未生成,可以用this.globalData来设置全局变量。因为我这里用来tabbar所以要减去tabbar的高度。<script> export default { globalData: {},原创 2022-04-30 15:01:25 · 5461 阅读 · 1 评论 -
Uniapp 小程序 使用iconfront的注意点
之前由于没有认真阅读官方文档导致细节方面出错:小程序端一直报错,其他端可以正常显示,官方的介绍是:由此可知,对于大小过大的文件是不能直接就行调用的,需要通过请求服务器来获取数据。uniapp使用iconfront的教程:简简单单三两步,让你学会在uniapp中引入并使用iconfon图标_GengMS_DEV的博客-CSDN博客_uniapp怎么引入icon图标...原创 2022-04-27 16:52:06 · 614 阅读 · 0 评论 -
Hbuilder Tab键自动补全
在“设置”->“编辑器配置”里选中“tab键自动插入代码助手选中项”原创 2022-02-11 12:33:41 · 1025 阅读 · 0 评论 -
Thinkphp6与Uniapp实现前后端json数据交互,基于h5端
1、Uniapp的h5端如果不再同一个域名下会存在跨域问题,解决方法如下:在manifest的源码最后添加如下:"h5" : { "devServer" : { "port" : 8080, //端口号 "disableHostCheck" : true, "proxy" : { "/api" : { "target" :原创 2021-12-28 22:09:46 · 1790 阅读 · 0 评论 -
Uniapp 网络数据请求基于移动端
onLoad() { this.getVideos() }, methods: { getVideos(){ uni.request({ url: getApp().globalData.proSrc+"videos.json", success:(res)=>{ this.list=res.data.list } }) } }这里proSrc为url根部分。原创 2021-12-10 10:28:17 · 726 阅读 · 0 评论 -
Uniapp 隐藏tabbar和topbar,设置全局属性
找到pages.json:"globalStyle": { ...... "navigationStyle":"custom" }原创 2021-12-10 10:16:18 · 768 阅读 · 0 评论 -
Uniapp 公共函数的使用
1、common文件夹下新建公共方法public.jsexport default { /* *字符串过程省略的函数 *str 字符串 *num 允许不被省略的长度 */ string_part_omit(str,num){ if(str.length>num){ str=str.substring(0,num)+"..."; } return str; }}2、在main.js挂载//公共函数引入import $p from './commo原创 2021-12-06 21:22:59 · 2316 阅读 · 0 评论 -
Uniapp 全局变量的使用
uni-app 全局变量的几种实现方式 - DCloud问答转载 2021-12-03 13:52:05 · 322 阅读 · 0 评论 -
Uniapp 下拉刷新,页面更新请求的数据案例
1、给页面添加下拉刷新属性:2、实现代码部分:<template> <view> <view v-for="(item,index) in lists" :key="index"> {{item.name}} </view> </view></template><script> export default{ data(){ return{ lists:[] .原创 2021-11-27 18:51:43 · 941 阅读 · 2 评论 -
Uniapp 数据缓存的增删改查
1、添加数据:setInfo(){ uni.setStorage({ key:"name",//添加键名 data:"张三",//数据值 success() {//成功时回调 console.log("success") } })}2、删除数据:removeAge(){ uni.removeStorage({//通过key(键值名)来删除对应数据 key:"name", success() { console.log("remove") }原创 2021-11-26 19:10:09 · 2435 阅读 · 0 评论 -
Uniapp 方便测试,使用condition
page.json里:"condition": { //模式配置,仅开发期间生效 "current": 0, //当前激活的模式(list 的索引项) "list": [{ "name": "swiper", //模式名称 "path": "pages/component/swiper/swiper", //启动页面,必选 "query": "interval=4000&autoplay=false" //原创 2021-11-21 20:44:31 · 799 阅读 · 0 评论 -
Uniapp 引入css
原创 2021-11-14 19:26:01 · 2312 阅读 · 0 评论 -
Uniapp Components与页面间常用操作案例
案例简述:上案例:案例目录:news.vue:<template> <view> <view>新闻列表</view> <card color="red" size="18px">hello</card><!--传递变量color="" size=""--> <card color="blue" size="26px">make</card> <car.原创 2021-11-12 21:14:43 · 1896 阅读 · 0 评论 -
Uniapp 目录结构
原创 2021-11-11 19:17:42 · 461 阅读 · 0 评论 -
Uniapp 页面间传输数据
1、父子间传递数据父:<template> <view> <test v-if="flag" :title="title" @myEven="getNum"></test> <test-a></test-a> <test-b></test-b> </view></template><script> import test from "../..原创 2021-11-06 20:07:59 · 1869 阅读 · 0 评论 -
Uniapp 自定义组件引入与计数器的销毁笔记
1、自定义主键引入创建components目录,该目录下创建test.vue文件该组件写入如下信息:<template> <view>组件test调用</view></template>到需要引入的页面引入如下:<template> <view> <test v-if="flag"></test> <button type="default" @click="check原创 2021-11-06 18:36:40 · 1712 阅读 · 0 评论 -
Uniapp Tabbar、页面跳转以及页面间数据传递的笔记
1、Tabbar的使用案例:找到pages.json文件:tabbar与pages同级,list里添加tabbar一般仅支持2-5个,案例如下:{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/message/message", "style": { "h5": { "color": "#007AFF" },原创 2021-11-05 20:07:51 · 1250 阅读 · 0 评论 -
Uniapp 条件编译跨端兼容案例
1、视图分别显示:<!-- #ifdef H5 --><view>我希望仅在H5中显示</view><!-- #endif --><!-- #ifdef MP-WEIXIN --><view>我希望仅在WX小程序中显示</view><!-- #endif -->2、js里实现分别各自调用:onLoad() { // #ifdef H5 console.log("我希望仅在原创 2021-11-05 19:22:03 · 145 阅读 · 0 评论 -
Uniapp 图片上传
<button type="primary" @click="upload()">上传图片</button><image v-for="(item,index) in imgArr" :src="item" mode="" @click="previewImage()"></image> methods: { upload() { uni.chooseImage({//上传图片 count: 5,//限制最大上传.原创 2021-11-04 21:11:45 · 81 阅读 · 0 评论 -
Uniapp 数据缓存常用操作笔记
<button type="primary" @click="setStorage()">存储数据</button><button type="primary" @click="getStorage()">获取数据</button><button type="primary" @click="removeId()">删除ID</button>1、通过异步实现数据缓存操作:<script> export de.原创 2021-11-04 19:59:34 · 596 阅读 · 0 评论 -
Uniapp 底部刷新实现
methods: { }, onReachBottom() { console.log("页面到底了"); }与methods同级。原创 2021-11-03 20:44:31 · 250 阅读 · 0 评论 -
Uniapp 下拉刷新笔记
methods: { shout(num,e){ console.log(num,e); }, refresh(){//方法一,通过点击刷新 uni.startPullDownRefresh();//开启刷新 } }, onPullDownRefresh() {//方法二,通过下拉时刷新 console.log("触发了下拉刷新"); setTimeout(()=>{//设置刷新时长 this.list=[12,1,12,2,2,1.原创 2021-11-03 19:24:30 · 65 阅读 · 0 评论