{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app" } }, { "path": "pages/

项目中难免会用到自定义图标,那在uni app中应该怎么使用呢? 首先, 将图标目录放在static资源目录下: 在main.js中引入就可以全局使用了 import '@/static/icon-one/icon-one.css' 在页面中的使用: <view class="user-wrap-message-item"> 我的订单 <view class="arrow-right"></view> </view>

uni-app是一个使用vue.js开发跨平台应用的前端框架. 开发者通过编写vue.js代码,uni-app将其编译到Ios,android,微信小程序等多个平台,保证其正确并达到优秀体验. Uni-app继承自vue.js,提供了完整的vue.js开发体验. uni-app组件规范和扩展api与微信小程序基本相同. 有一定vue.js和微信小程序开发经验的开发者可快速上手uni-app,开发出兼容多端的应用. uni-app提供了条件编译优化 pages.json: 配置页面路由,导航条,选

canvas 创建canvas绘图上下文. <canvas style="width: 300px; height: 200px;" canvas-id="firstCanvas"></canvas> uni.createCanvasContext(canvasId, this) uni.createCanvasContext(firstCanvas, this) 注意:在自定义组件下,第二个参数传入组件实例this,若不传,则无法显示

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 根据以上网页下载自己电脑相应的版本的微信开发者工具(目录自己创建),然后进行运行安装(建议下载安装) 微信小程序和app比较相似的方式,都可以这个模式进行开发 在H X创建好项目以后可以再谷歌浏览器运行也可以在微信开发者工具上运行(需要进行适配,这个路径就是你刚刚安装工具的那个路径) 这样你就可以运行查看你刚刚创建的项目的效果了(项目目录大致是相通的就不

<template> <scroll-view v-for="(card, index) in list" :key="index"> <view v-for =(item, itemIndex) in card"> {{item.value}} </view> </scroll-view> </template> GraceUi validatePhone() { // 验证手机号

$emit 子组件传给父组件 $ref 父组件操作子组件 公用模板 uni-app全局变量的几种实现方法 const websiteUrl = 'http' const now = Date.now || function() { return new Date().getTime(); }; const isArray = Array.isArray || function(obj) { return obj instanceof Array }; export default { websi

因为在项目中使用了大量的静态资源图片,使得主包体积过大, 而把这些图片全部放到服务器又有点麻烦,就想能不能把图片也分包,但是直接放在分包下的话导致图片资源找不到了, 在社区中看到大佬分享的十分有用,特此记录下来,原文章链接:https://ask.dcloud.net.cn/question/68773 首先在根目录新建文件vue.config.js vue.config.js中: const path = require('path') const CopyWebpackPlugin = re

前言 uni-app uni-app是DCloud推出的终极跨平台解决方案,是一个使用Vue.js开发所有前端应用的框架,官网:https://uniapp.dcloud.io/ mui 号称最接近原生APP体验的高性能前端框架,官网:https://dev.dcloud.net.cn/mui/ 个人觉得,mui除了页面设计很接近原生App之外,还有一个特点就是能方便的使用App扩展规范Html5 Plus(http://www.html5plus.org/doc/h5p.html),我们能在它

一.前言         1.用vuex实现加入购物车操作 2.购物车详情页面          3.点击删除按钮,删除购物详情页面里的对应商品 二.主要内容 1.用vuex加入购物车 (1)在src目录下创建store.js, import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ //vuex五大将 state:{ num:1//小球的数量默认为1 }, gette

---恢复内容开始--- 一.前言                        1.底部导航(两种做法)                                         2.轮播图                                         3.九宫格 二.主要内容 1.底部导航 方式一:借用mint-ui, 这里实现tab切换时高亮可以给每个tab双向绑定一个值 (1)html结构代码如下 <!--底部--> <mt-tabbar v-model=

课堂笔记: 项目结构分析: 项目入口:index.html(div#app) 全局vue组件:App.vue(template:div#app) 通过相同id的div,index.html与Appvue关联在了一起(具体怎么关联起来的,不需要关心) App.vue中 写入公共部分(tabbar+router-view) 如何控制router-view的显示的内容呢? router文件夹下index.js:配置路由的文件 先导入组件 import 自定义名字首字母大写 from "路径(同级文件前

//app.json页面 { //页面注册,有几个页面都要在pages里面注册 "pages":[ "pages/index/index", "pages/logs/logs", "pages/main/main", "pages/main1/main1", "pages/main2/main2", "pages/main3/main3", ], //上导航配置及ap

实现了一下内容: 1.设置tabBarItem选中及非选中时的图片,图片充满item; 2.调整了 tabBar 高度; 3.改变了title颜色及位置. ------------代码如下: ---TabBarC.m--- #import "TabBarC.h" #import "ViewController.h" #import "SecViewController.h" #define CustomTabBarHeight 60//不需要改变

在小程序的开发文档中,对tabbar是这样说明的: 如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面. Tip: 当设置 position 为 top 时,将不会显示 icon tabBar 中的 list 是一个数组,只能配置最少2个.最多5个 tab,tab 按数组的顺序排序. 在实际开发过程中,小程序自带的tabbar样式并不能满足设计提供的开发需求,所以需要我们自

1.因为产品相关的的权限,需要配置不同的导航,这时候需要自定义导航.分离出来的就是一个小的组件.(tabBar.vue) 此处暂时用的html插入的代码,能粘贴到vue文件即可. <template> <view class="tabBar"> <view v-for="(item,index) in tabBar" :key="item.url" class="tabbar_item" :cla

` @property(nonatomic,assign)CGFloat historyY; #pragma mark Delegate //设置滑动的判定范围 - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset { if (historyY+20<ta

基本设置 设置APPIcon(直接拖图片) 设置启动图片 将launch Screen File里的LaunchScreen.xib给删掉 点击launch image source框内的Use Asset Catalog后 ,点击Migrate就会将启动图片整合到蓝色资源文件夹里,就像APPIcon一样将图片都拖到LauncImage里 更改软件名,将01-百思不得姐改为百思不得姐(两种方法) 在info.plist里修改,将key为Bundle name的value改为百思不得姐 或点击蓝色

1.隐藏TabBar: - (void)hideTabBar { if (self.tabBarController.tabBar.hidden == YES) { return; } UIView *contentView; if ( [[self.tabBarController.view.subviews objectAtIndex:0] isKindOfClass:[UITabBar class]] ) contentView = [self.tabBarController.view.

// // TabBarViewController.h // LittleLoveLive // // Created by YJ // // TabBarViewController.m // LittleLoveLive // // Created by YJ on 16/7/16. // Copyright © 2016年 YJ. All rights reserved. // #import "TabBarViewController.h" #import "Roo

在项目中经常遇到隐藏tabBar,实力很多种方法,可以解决不同情况下问题 使用中涉及到view的层次关系,下面的使用方法 1.2不做说明:在使用3.4方法时注意要在tabBar所在的rootView中调用实现(必要时使用委托,已达到所需要的目的) 举例:A(rootView 是tabBarCtroller):B(A的subView):C(B通过pushViewController) 如果想要C出现的时候将tabView隐藏(且C是全屏的,能展开到tabbar存在的位置),B显示的时候babVie