04 2021 档案
摘要：不能在子组件中直接操作父组件传过来的值，需要在子组件中重新定义赋值一个新的变量之后才可以使用(否则在微信小程序中会出现一些效果无法实现)
阅读全文
摘要：JS的关键字中有delete，所以不能使用，更换方法名即可
阅读全文
摘要：页面滚动 小程序页面（注意这里说的页面指的是注册的Page，而不是视图容器view），默认就具有滚动(上拉)功能，滚动时触发PageScroll事件；在页面滚动触底时，会触发ReachBottom事件；页面下拉时，触发PullDownRefresh事件，通常用于页面刷新。这三个事件的处理函数都需在注
阅读全文
摘要：1. :before 和 :after 的主要作用是在元素内容前后加上指定内容，示例： HTML代码： <p>你好</p> CSS代码： p:before{ content: 'Hello'; color: red; } p:after{ content: 'Tom'; color: red; }
阅读全文
摘要：需要使用到uniapp官网中配置中的app-plus
阅读全文
摘要：效果图： 子组件： <template> <view class="nothing animated fadeIn"> <image src="../../static/common/nothing.png" mode="widthFix"></image> </view> </template>
阅读全文
摘要：直接使用uniapp插件市场提供的LoadMore插件即可
阅读全文
摘要：效果图： 页面可以左右滑动，上面选项卡主题也会跟着动 功能实现： 子组件： <template> <view> <!-- 顶部选项卡功能 --> <view class="uni-tab-bar"> <scroll-view scroll-x="true" class="uni-swiper-tab
阅读全文
摘要：注意： 在使用ES5的方法的时候，进行动态渲染的时候，会出现this的指向问题 如： 解决办法： 1、this换成that指向 2、方法换成ES6的写法 ： 箭头函数
阅读全文
摘要：1、先创建uniapp项目，然后选择hello-uni-app模板 2、在hello-uni-app的pages.json文件中搜索相关的功能模块，然后获取到相关功能模块所在的位置 3、然后根据上面获得的路径找到相关的页面 4、找到需要的功能的样式，复制到自己的vue页面中（前提是引入了uni.cs
阅读全文
摘要：效果图： 主要就是需要把写的vue前端页面中的每个数据抽离出来，方便后续的引用与修改 原来的vue代码： <template> <view> <view class="index-list"> <view class="index-list1"> <view class=""> <image src
阅读全文
摘要：所谓冒泡就是点击里面这个事件，外面的也会被执行。这样写目的是为了点击里面，外面不执行
阅读全文
摘要：1、数据渲染 {{data}} 2、条件渲染 v-if / v-show 3、列表渲染 v-for 注意：凡是循环在block中写，凡是条件在template中写
阅读全文
摘要：传统方式： if(this.flag){ this.flag=false; }else{ this.flag=true; } 改进方式： this.flag=!this.flag; 上面第二种方式，直接每次点击选择器相反值，依次来达到更改样式的目的。
阅读全文
摘要：Flex 布局教程：语法篇 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html Flex 布局教程：实例篇 http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
阅读全文
摘要：第一步： 创建导航栏相关的页面（在pages.json中添加相应的路径） 第二步： 在pages.json中添加tabbar属性，把各个页面联系到一起 //底部导航 "tabBar":{ "color":"#ADADAD", "selectedColor":"#FEE42A", "backgroun
阅读全文
摘要：一、引入官方css样式库 在项目中新建common目录 复制hello-uni-app中common目录下的uni.css样式到上面的目录中 在App.vue中引入uni.css 引入后：可以使用很多官方的样式 二、引入自定义图标库 为什么引入：官方的图标库不能满足我们的需要 一般使用的是阿里巴巴的
阅读全文
摘要：使用步骤： 1、点击运行—>运行到小程序模拟器—>运行设置—>选择微信开发者工具安装路径 2、打开微信开发者工具—>设置—>安全设置—>服务端口—>开启 3、如果想使用真机预览，需要配置相应的appID
阅读全文
摘要：1、使用数据线连接手机和电脑 2、usb默认是充电，改为传输文件 3、点击运行到手机或模拟器 （如果还是无法检测真机） 4、点击手机的设置—>我的设备—>全部参数—>点击MIUI版本（一直点，直到提示已经处于开发者模式） 5、还是打开设置—>更多设置—>开发者选项—>开启开发者选项—>点击确定—>找
阅读全文
摘要：1、每创建一个页面都需要在pages.json添加相应的路由，默认第一个路由为首页 小提示： 在创建页面时候直接选择创建文页面（系统会自动添加路由） 在创建路由时候最后的路径名不用以.vue结尾，系统会自动识别 2、
阅读全文
摘要：在Hbuildx中打开工具 - >代码块设置 - > vue代码块- 添加自定义代码块：（在右边大括号内添加） "ulist":{ "body":[ "<view class=\"uni-list\">", "\t<view class=\"uni-list-cell\">", "\t\t<view
阅读全文
浙公网安备 33010602011771号