- 博客(5)
- 资源 (1)
- 收藏
- 关注
转载 微信小程序换肤功能
在手机、电脑使用频率如此高的当下,应用可以更换皮肤,以提升美观性,并减轻屏幕对眼睛的刺激,无疑对用户体验有很大的帮助下面为更换皮肤效果图实现功能要实现如上更换皮肤的效果,有几个思路:准备皮肤相关的wxss,引入到app.wxss中,方便每个页面使用;设置皮肤时,动态改变wxml中元素的类名或id,使页面应用对应的皮肤;将选中皮肤的值保存在小程序本地缓存中,保证其他页面及下一次打开小程序时,页面展示正确的皮肤;下面介绍一些实现的细节wxml<view class="page" id=
2020-08-30 15:51:18 447
原创 scroll-view实现自定义下拉刷新
使用scroll-view标签refresher-enabled=“true” 开启下拉刷新refresher-triggered 设置当前下拉刷新状态,true 表示下拉刷新已经被触发,false 表示下拉刷新未被触发bindrefresherrefresh 自定义下拉刷新被触发事件bindscrolltolower 滚动到底部触发事件页面定义<scroll-view class="content" style="width:100%;height:100vh;"
2020-08-28 18:17:17 3405 4
原创 uniapp动态设置style和class样式
注意:以下两种样式设置,涉及到单位的只能用px,而不能使用rpxstyle样式设置样式名称统一使用驼峰命名方式:例如:fontSize对象方式:style="{backgroundImage:`url(${itemB.images})`}"数组加三元运算方式:class="[items.isShow?'':'noneActive',subIndex[index] == indexs?'value-item-active':'value-item']"对象数组方式:style="[{pad
2020-08-20 14:44:29 30412 3
原创 uniapp添加顶部导航栏颜色渐变
在uniapp文件夹的pages.json文件中添加如下代码即可实现"backgroundImage":"linear-gradient(to right, #FFDE28,#FF3228)"{ "path": "pages/mySuccessOrder/mySuccessOrder", "style": { "navigationBarTitleText": "支付", "app-plus": { "titleNView": {
2020-08-20 11:14:07 15954 17
转载 uniapp添加顶部导航栏并且更换图标
uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。开发者通过编写 Vue.js 代码,uni-app 将其编译到iOS、Android、微信小程序等多个平台,保证其正确运行并达到优秀体验。记录一下更换顶部导航栏的流程在page.json里的配置项{ "path": "pages/my/index", "style": { "app-plus": { "title
2020-08-11 14:30:32 4602
9png.zip工具安装包
2020-06-12
退出登录,为什么页面显示的是退出登录时的布局和信息?
2022-08-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人