01 2020 档案
摘要:最近在搞一套基于uniapp的ui,服务器貌似有点贵然后又不是很高大上;索性就在github上部署了一个静态网站用来介绍并且使用它 测试的话我建议呢:写个静态网页(index.html)丢上去 一键部署至github page(linux、windows)也用到了批命令 1. https://git
阅读全文
摘要:uniapp很多api都是异步的,而非同步(asyn),举个例子来说 例子1: 付款步骤:1、2、3,而实际运行可能是1、3、2... 例子2: 通过回调深渊解决它异步问题 例子3: uniapp内置了async/await,这个的确很棒(封装了request请求情况就会好很多)- 它们有条不紊的进
阅读全文
摘要:在uniapp中,也许有人会纠结为什么会有@input还有v-model 1.它们有什么区别? v-model:数据双向绑定->输入时绑定视图层,而@input则只是监听值 @input:监听输入的值,可以通过监听值再渲染到视图层 2. v-model用在自定义组件上 v-model的缺陷是只能在自
阅读全文
摘要:.sync修饰字在vue1.0作为双向数据绑定而存在,在2.0时被砍掉。而后在2.3被当做语法糖加入 (vue单向绑定数据流通) 假设一个需求是:父组件值传入到子组件,然后子组件更改后父组件的值也得更改 1. 通过props传值,data赋值的操作实现(避免出现双向数据绑定错误) index.vue
阅读全文
摘要:1.App.vue(样式层级高)定义样式就可以覆盖子组件或者父组件,无论有没有设置scoped关键字 <script> export default { onLaunch: function() { console.log('App Launch') }, onShow: function() {
阅读全文
摘要:举个例子来解释一下何为父组件,何为子组件? index.vue导入sunui-cell组件的时候,我们就称index.vue为父组件依次类推,在vue中只要能获取到组件的实例,那么就可以调用组件的属性或是方法进行操作 一、props(一般用来单向传值) 1. 何为单向传值? 即父组件传值给子组件(首
阅读全文
摘要:sunui-timeline 时间轴 v1.0.0 于 2020.01.14更新 参数介绍: 1. @line:点击时间轴所在id(此为子组件传父组件值)- 事件 2. array:时间轴传值给子组件/默认无 示例代码: <template> <view> <sunui-timeline @line
阅读全文
摘要:sunui-msg 顶部消息提醒 v1.0.0 于 2020.01.14更新:如果消息提示直接进入页面就显示,要在mounted生命周期或者在onLoad生命周期使用this.$nextTick 参数介绍(通过ref标识): 1. text:文本提示内容/默认空 2. type:文本提示背景颜色/默
阅读全文
摘要:一、require:运行时调用,import:编译时调用。通常我们还会区别它们怎么导入模块的 1.运行时调用是啥->指的是在运行时可以随时导入的模块 2.编译时调用又是啥?指的是编译时期就要调用了,要定义在顶部否则会报错 二、如果require和import同一模块 1.毫无疑问会报出模块导入错误,
阅读全文
摘要:sunui-ionfont 为什么我把icon也封装成组件? - 在设计sunUI之初就已经想好了 近期的一件事让我相信了自己以前设计的想法.由于hbuilderx升级原因导致ios iconfont类名被占用 ,我觉得封装成组件也是为了更好的去维护它 反面示例(由于hx更新导致的ios bug需要
阅读全文
摘要:sunui-cell 用于点击效果复用(组件仅1kb+iconfont 2kb) v1.0.0 于 2020.01.09更新 v1.0.1 于 2020.01.11更新:新增加右箭头(iconfont) 参数介绍: 1. hover:是否显示点击效果/默认false 2. arrow:是否显示右箭头
阅读全文
摘要:v1.0.0 于 2020.01.09更新 考虑用v-show而不用v-if. v-show只是暂时隐藏掉该文本域,而v-if是销毁掉它(隐藏内容还存在,销毁的话内容不存在) 控制v-show为true或者false即可解决textarea层级过高问题(目前仅在微信小程序真机测试过)
阅读全文
摘要:使用示例: 点击下载插件:sunui-switch
阅读全文
摘要:sunui.css(v1.0.0) 一般来说,不会影响到你的项目样式(但还是建议先导入). 在设计sunui.css,考虑到了这部分问题;sunui.css可以分为以下 sunui-reset.css sunui-components.css sunui-basic.css reset.css一般用
阅读全文
摘要:sunui-textarea - 封装uniapp的textarea方便调用. v1.0.0 于 2020.01.08更新 v1.0.1 于 2020.01.09更新:增加v-show,弹出的textarea层级较高会影响到遮罩层输入。点击查看本篇文章 示例代码: 点击下载插件:sunui-text
阅读全文