效果图 底部导航的切换效果,首页和我的页面切换的时候走在底部导航,而分类和购物车页面切换会跳转新页面。如果使用【微信原生的底部tab】是没法实现这个效果的,这里使用了【Tabbar 标签栏】实现。 安装 vant-weapp 参考 【快速上手】 在项目根目录,使用 npm 安装 vant-weapp ...
分类:
微信 时间:
2020-07-07 00:25:11
阅读次数:
159
GitHub地址:https://github.com/kongpf8848/Animation 效果如下: 主要是自定义View继承LottieAnimationView并实现Checkable接口,代码如下: import android.content.Context; import andr ...
分类:
其他好文 时间:
2020-04-08 16:10:30
阅读次数:
253
我想做一个app 什么是一个app 有闪屏页面 首页 底部 tab页面 推入的页面 能推入的页面 基础服务 网络请求 浏览器 解压zip包 展示zip包 业务代码 把数据显示在页面上 单页面种类 列表页面 表格页面 浏览器页面 ...
分类:
移动开发 时间:
2020-04-01 22:15:07
阅读次数:
212
一、微信小程序中的目录及文件 (1)project.config.json 用于开发者工具配置 主要用于设置项目是否开启https校验(setting.urlCheck) (2) App.js 设置全局基础数据(记录日志、微信登录、获取用户信息) (3)App.json 底部tab(tabbar.l ...
分类:
微信 时间:
2019-08-21 21:53:39
阅读次数:
144
1.app.json 小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等 @1、pages字段 —— 用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。必填 @2、window字段 —— 定义小程序所有页面的顶部背景颜色,文 ...
分类:
微信 时间:
2019-06-14 13:02:40
阅读次数:
195
1、在阿里 Iconfont 中命名新图标类名,但要求不能同 app.scss 中现存类名不冲突,随后下载,如本例中命名了 Test: 2、复制下载后的 iconfont.css 文件中的 @font-face 同新图标 content 内容如本例的 content:“\e695”,并在 app.s ...
分类:
其他好文 时间:
2019-05-26 16:27:31
阅读次数:
128
恢复内容开始 一、前言 1、底部tab栏实现 2、顶部title栏实现 二、主要内容 1、底部tab栏实现(将底部导航提取到公共的组件中) 具体效果:当点击切换不同的tab的时候,对应的显示高亮,并且切换到对应的页面中 (1)html/css代码 <template> <div> <footer c ...
分类:
其他好文 时间:
2019-04-29 21:05:58
阅读次数:
227
一、各种JSON配置 1、小程序配置app.json 为小程序全局配置,包括所有页面路径、界面表现、网络超时时间、底部tab等,类比APP开发中manifest配置。 2、工具配置project.config.json 一些个性化配置,暂时没遇到需要用到的地方。 3、页面配置page.json 独立 ...
分类:
微信 时间:
2019-03-23 15:57:02
阅读次数:
215
场景: 底部tab栏切换,有的页面需要每次切换刷新数据,有的并不需要。可以利用vueRouter的 meta 搭配 keep-alive 组件 进行控制缓存。代码如下: ...
分类:
其他好文 时间:
2019-02-28 00:48:10
阅读次数:
237
小程序入门经典技巧 1:小程序如何设置页面路径?2:小程序如何设置默认页面窗口表现?3:小程序如何设置底部tab表现?4:小程序如何设置网络超时时间?5:小程序如何进行数据绑定? 小程序如何设置页面路径? 小程序如何设置默认页面窗口表现? 小程序如何设置底部tab表现? 小程序如何设置网络超时时间? ...
分类:
微信 时间:
2018-12-27 12:02:26
阅读次数:
243