uni-app
文章平均质量分 62
uni-app
西半球
好记性不如烂笔头
展开
-
uni-app - 使用scss动态配置宫格布局
demo 地址: https://github.com/iotjin/jh-uniapp-demo介绍uni-app推荐使用scss设置样式Scss/Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Scss/Sass 以及 Scss/Sass 的样式库(如 Compass)有助于更好地.原创 2021-07-16 17:28:52 · 1766 阅读 · 0 评论 -
uni-app - 在uniapp中使用echarts展示图表
习惯使用echarts图表,在uniapp中使用npm安装echarts再使用,或多或少有问题,最终找到一个好用的插件lime-echart官网地址uni-app插件市场地址安装直接在插件市场,使用HBuilderX导入插件即可,最终导入到uni_modules文件夹使用使用方法可参考插件市场的用法,以下是一个异步加载demo<template> <view> <view style="width: 100%; height:50.原创 2021-07-12 17:43:52 · 11741 阅读 · 2 评论 -
uni-app - 全局常量和变量
方式一:导入调用写一个项目配置类:projectConfig.js,里面写一些全局常量(其实试了一下,也可以改值)用法:用的时候导入import ProjectConfig from './common/configs/projectConfig'调用ProjectConfig.kAppName使用HBuilderX,发现只有相对路径导入,才能点进去某个常量// appNameexport const kAppName = 'jh-uniapp-demo';// 版本号export原创 2021-07-12 11:58:07 · 2619 阅读 · 0 评论 -
uni-app - 基于uView的base-navbar实现
uni-app项目中,有时通过pages.json设置navbar达不到想要的效果,此时需要使用自定义的navbar组件来实现,本项目中的navbar是基于uView的Navbar 进行二次封装#效果图用法实际一个页面只有一个navbar,isFixed是为了demo展示才放出来的属性,一般不加 <view class="text"> 默认样式,左侧返回和标题 </view> <base-navbar :isFixed="false" title="标题".原创 2021-07-12 10:01:25 · 1944 阅读 · 1 评论 -
uni-app - 网络请求和数据存储工具类
网络请求是对uni.request请求的简单封装数据存储是对uni.getStorageSync、uni.setStorageSync的简单封装torageUtils使用使用方法 :import TorageUtils from '@/common/utils/torageUtils.js'const TorageUtils = require('@/common/utils/torageUtils.js')TorageUtils.Jh_setStorageSync('key1', '.原创 2021-07-12 09:40:38 · 622 阅读 · 0 评论 -
uni-app - 通用项目框架搭建及项目结构调整
官网介绍:uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。uni-app官网uni-app插件市场uni-app论坛HBuilderX下载地址博主觉得uni-app 较适合多端开发需求的项目,了解h5和Vue即可快速上手,懂小程序更佳,推荐使用官方编译器HBuilderX进行开发。尽量选择多端兼容较好的插件,否则之后会遇.原创 2021-07-08 11:38:31 · 1645 阅读 · 0 评论