随笔分类 - 2019 - uniapp
摘要：微信自带的 openDocument API给QQ浏览器放水了. 一些资料我们又不能让用户那么轻易的下载到，所以只能利用webview来实现一个pdf预览 ， 目前来说对移动端比较友好的当属：pdfh5 这个插件，作者也挺良心的一直在更新. 下载示例下来以后 一、把示例的模板调整一下 （一定要看注释
阅读全文
摘要：准备工作，见传送门：UNI-APP 开发微信公众号（H5）JSSDK 的使用方式 - DCloud问答 主要是导入 jweixin 和配置注册信息 1. main.js添加以下代码 Vue.config.ignoredElements = ['wx-open-launch-weapp']; 2. 示
阅读全文
摘要：goeasy网址：https://www.goeasy.io/cn/doc/client/pub-sub-uniapp.html 1. 使用npm或者yarn安装 goeasy 命令如下：(1).yarn init -y(初始化)，(2). yarn add goeasy（安装） 2. main.j
阅读全文
摘要：UNIAPP不支持filters传输多个形参值 ,但可以支持传输对象 1 <template> 2 <view> 3 <view class="fix-list" v-for="(item, index) in mockList" :key="index"> 4 <view class="fix-l
阅读全文
摘要：申请！ 1.打开官网：https://lbs.amap.com/ 2. 淘宝系建议还是用支付宝登录（方便以后找回） 3.授权以后打开控制台进行“开发者认证” 4.应用创建（微信官方必须是绑定appid，而高德不需要，一切都是这么方便！~） 5. 好了以后就创建“key” （密匙千万不要泄露），再选择
阅读全文
摘要：1. 首先打开阿里字库，搜索图标添加到项目 2.每次添加以后要生成新的css链接 3. 前端通过上面的链接可以查看到对应图标名的unicode代码进行复制 4. 配置一下即可使用在线图标（这里是App.vue导入） @font-face { font-family: 'iconfont'; /* p
阅读全文
摘要：版本号为： 2.6.0.20200223 详情请看这里uniapp - easycom：https://uniapp.dcloud.io/collocation/pages?id=easycom 1. 在pages.json配置以下参数 2. 组件引入符合命名规则 3.在页面会自动引入
阅读全文
摘要：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:文本提示背景颜色/默
阅读全文
摘要：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
阅读全文
