uni-app
美好环环相扣
困难都只是暂时的,冲鸭!
展开
-
【已解决】Echarts饼图数据动态渲染无法显示
草稿原创 2021-05-17 17:20:09 · 1802 阅读 · 0 评论 -
【已解决】Echarts柱状图数据动态渲染无法清除原来数据
Echarts柱状图数据动态渲染无法清除原来数据原创 2021-05-17 17:16:31 · 1282 阅读 · 0 评论 -
uniapp兄弟界面之间传递参数
接受参数界面uni.$on('authenticationFlag', flag => { this.authenticationFlag = flag })发送参数界面uni.$emit('authenticationFlag', 0)注意接受方和发送方的参数必须一致 本例中全为 authenticationFlag原创 2021-04-13 20:06:41 · 442 阅读 · 0 评论 -
uniapp 使用阿里图标iconfont
可以采用HBuilderX自带的颜色拾取器复制该文件到static目录<svg class="icon" aria-hidden="true"> <use xlink:href="#icon-duigou1"></use></svg>其中#icon-duigou1是自己复制symbol代码即可原创 2021-02-02 17:24:37 · 204 阅读 · 0 评论 -
uniapp 的tabBar页面之间跳转
uni.switchTab//跳转实名认证按钮 gotoAuthentication() { uni.switchTab({ url:"../myown/myown", success() { console.log('跳转到‘我的’界面') } }) },原创 2021-02-02 17:16:53 · 3279 阅读 · 0 评论 -
uniapp-获取input输入内容
说明<input class="in-phnoe" @input="inputData" v-model="phone" focus /><script> import axios from 'axios' export default { data() { return { title: 'Hello', flag: false, phone: '社区人员' } }, onLoad() {},methods: {原创 2021-01-24 10:52:38 · 8323 阅读 · 2 评论 -
uni-app使用mock.js (所有接口封装一个文件)
安装依赖cnpm install axios --save (安装axios)cnpm install mockjs --save-dev (安装mock.js)封装文件代码如下// src/mock.jsconst Mock = require('mockjs')const Random = Mock.Randomconst getName = () => { let data = [] data.push({ "account": "101" }) r原创 2021-01-23 17:51:55 · 8889 阅读 · 17 评论 -
mock模拟测试
uni-app 使用mock模拟数据mock官网安装依赖//使用axios发送 ajax cnpm install axios --save //使用mockjs产生随机数据 cnpm install mockjs --save-dev //使用json5解决json文件,无法添加注释问题 cnpm install json5 --save-dev新建文件夹代码如下module.exports = { devServer: { befor原创 2021-01-19 21:18:57 · 800 阅读 · 0 评论 -
uni-app 封装组件
新建文件夹代码转移将需要封装的代码转移到新建的vue文件(此为goodList.vue)<template> <view class="good-list"> <view class="good-item" v-for="items in hotgoods" :key="items.id"> <image src=""></image> <view class="price"> <text>原创 2021-01-10 08:48:19 · 3805 阅读 · 0 评论 -
uni-app封装数据请求
准备新建文件目录如下代码// 根据自己的数据库请求端口const BASE_URL = 'http://localhost:8082'export const myRequest = (options) => { return new Promise((resolve, reject) => { uni.request({ url: BASE_URL + options.url, method: options.method || 'GET', data:原创 2021-01-08 22:25:58 · 1181 阅读 · 0 评论 -
uni-app 加入logo.png
下载之前的下载步骤和上一篇博客一样 详情请点上一篇唯一的区别就是 点击png下载配置下载好之后就复制到static 文件夹下面 然后引用即可原创 2020-12-31 10:15:52 · 1055 阅读 · 0 评论 -
uni-app引入阿里字体图标
地址https://www.iconfont.cn/下载选择你所需要的图标加入购物车内 如下图点击右上角购物车 ,添加至项目 (若没有项目就自己新建项目),之后点击下载下载后解压 打开iconfont.css 文件配置删除.css文件中如下部分 并在保留的那一行加上src: ,在行末尾把**,** 换为**;**(注意中英文标点符号)在static 文件夹下面新建font文件夹 将刚刚的css文件添加进去引入在app.vue文件中添加如下代码@import url原创 2020-12-31 10:11:53 · 658 阅读 · 0 评论 -
HBuilder X uni-app微信小程序初始化
工具下载HBuilder : https://dcloud.io/hbuilderx.html微信小程序: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html微信小程序根据自己的电脑版本下载稳定版本即可工具安装HBuilder: 解压后进入目录单击 .exe文件即可 退出时会自动生成桌面快捷方式微信小程序安装: 一路NEXT 记住自己的保存路径,下面会使用HELLO 项目打开HBuilde原创 2020-12-30 16:03:55 · 680 阅读 · 2 评论