08 2020 档案

小程序复制文本
摘要：demo图: 代码: <view class="mainTwo-item" bindtap="copyText"> <view class="mainTwo-item-l">卡号</view> <view class="mainTwo-item-r">frf898435876</view> </vi 阅读全文
posted @ 2020-08-31 14:17 大熊丨rapper 阅读(211) 评论(0) 推荐(0)
小程序的分享
摘要：<view id="buyOpenSuccess"> <button open-type="share" data-id="shareBtn">将此权益卡送TA</button> </view> /** * 用户点击右上角分享 */ onShareAppMessage(options) { var 阅读全文
posted @ 2020-08-21 14:16 大熊丨rapper 阅读(158) 评论(0) 推荐(0)
vue父子组件通信
摘要：1、props传递数据 在父组件子组件添加自定义属性，挂载需要传递的数据，子组件用props来接受，接收方式也可以是数组，也可以是对象，子组件接收到数据之后，不能直接修改父组件的数据。会报错，所以当父组件重新渲染时，数据会被覆盖。如果子组件内要修改的话推荐使用 computed // Parent. 阅读全文
posted @ 2020-08-20 23:28 大熊丨rapper 阅读(142) 评论(0) 推荐(0)
小程序checkbox调整大小(checkbox样式修改)
摘要：.skyCheckbox{ transform: scale(0.7,0.7); -webkit-transform: scale(0.7,0.7); } <label class="checkbox"> <checkbox class="round red skyCheckbox" bindtap 阅读全文
posted @ 2020-08-19 14:57 大熊丨rapper 阅读(4397) 评论(0) 推荐(0)
小程序拿checkbox的checked属性
摘要：方法一.checkbox <checkbox class="round red" bindtap="checkboxChange" checked="{{checkboxValue}}"></checkbox> checkboxChange() { console.log(this.data.che 阅读全文
posted @ 2020-08-19 14:33 大熊丨rapper 阅读(814) 评论(0) 推荐(0)
微信小程序animation动画2种方法
摘要：这里介绍 2 种方法一种是常规的小程序方法操作，另一种是引入动画库 1. 常规动画操作设置 wxml: <view> <view bindtap="clickMe">点我有动画</view> <view animation="{{donghua}}" class='test'>点我有动画 测试</v 阅读全文
posted @ 2020-08-19 12:33 大熊丨rapper 阅读(1746) 评论(0) 推荐(0)
css实现半圆效果
摘要：效果图: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS3 阅读全文
posted @ 2020-08-18 14:59 大熊丨rapper 阅读(518) 评论(0) 推荐(1)
用户拒绝小程序地理位置/手机相册等授权之后再次唤起授权
摘要：有时候,你们在开发小程序会遇到 授权 手机相册, 授权地理位置之类的要求, 但是用户拒绝之后, 点击就没反应了,不用急,容我来讲解!! demo图: 拿wx.saveImageToPhotosAlbum 为例: 用户点击拒绝之后, 再次点击唤起: wx.openSetting 大家都知道用wx.op 阅读全文
posted @ 2020-08-16 22:44 大熊丨rapper 阅读(685) 评论(0) 推荐(0)
云存储之上传图片和展示图片(小程序云开发)
摘要：1.云存储介绍 2.demo代码(上传图片/文件) cloud.wxml <view>云存储</view> <button bindtap="upload">上传图片</button> cloud.js // miniprogram/pages/cloud/cloud.js const db = w 阅读全文
posted @ 2020-08-16 22:30 大熊丨rapper 阅读(2859) 评论(1) 推荐(0)
文字上下居中排列, 多行文字也上下居中排列
摘要：display: flex; align-items: center; //上下居中 justify-content: center; //左右居中 很简单,这边小程序为例, html一样的, view换成 div其他标签就行 .box{ font-size:32rpx; height: 100rp 阅读全文
posted @ 2020-08-15 15:10 大熊丨rapper 阅读(268) 评论(0) 推荐(0)
动态修改伪类内容
摘要：小程序 和 h5都可以用, 这边就以小程序为例子, 39 左右两边都是 伪类元素 利用html中的data-attr home.wxml (好比 html) <!-- 开通+送他卡片 --> <view class="kai-song"> <view class="title">番茄生活VIP权益卡 阅读全文
posted @ 2020-08-14 10:28 大熊丨rapper 阅读(318) 评论(0) 推荐(1)
wx:key报错does not look like a valid key name
摘要：把花括号去掉就行了, 现在改版了, 要注意了 wx:key="index" 阅读全文
posted @ 2020-08-13 16:48 大熊丨rapper 阅读(662) 评论(0) 推荐(0)
小程序colorui框架引入与使用
摘要：colorui是UI框架: 超好用的一款 小程序二维码体验: : 引入方式: 1.先去下载colorui https://github.com/weilanwl/ColorUI 把colorui文件夹 复制进去就行 2. 在app.wxss中全局引入: /**app.wxss**/ @import 阅读全文
posted @ 2020-08-13 14:07 大熊丨rapper 阅读(2708) 评论(0) 推荐(0)
小程序自定义头部标题栏并且自适应各种手机屏幕(滚动头部渐隐渐现)
摘要：1.直接上图,话不多说: 这边做的是滚动之后, 头部渐隐渐现 滚动之后=> 苹果7的效果=> 2.代码部分: index.json ("navigationStyle": "custom" 设置这个去掉默认标题栏, 哪个页面需要, 就在那个页面json加) { "navigationStyle": 阅读全文
posted @ 2020-08-10 14:04 大熊丨rapper 阅读(1030) 评论(0) 推荐(0)
Navicat链接数据库报错1130解决方案
摘要：1.背景 使用localhost 可以正常连接mysql服务器,但是使用ip地址连接保存如下: 2.问题原因 默认情况下 root 用户只允许本机访问,即使用 localhost 访问,如下图: 解决方案:将 root 用户对用的host改为 '%' ,即允许所有IP访问,然后刷新即可. 3.问题解 阅读全文
posted @ 2020-08-05 15:00 大熊丨rapper 阅读(478) 评论(0) 推荐(0)
传统的小程序登录 和 云开发小程序登录
摘要：未完待续,哥几个先别急,好货在后头呢 阅读全文
posted @ 2020-08-05 13:42 大熊丨rapper 阅读(143) 评论(0) 推荐(0)
uniapp打包成H5部署到服务器教程
摘要：当前端uniapp写的项目开发完成的时候，需要将页面打包出来，生成H5的静态文件，部署在服务器上，通过服务器链接地址，就可以直接在手机上点开访问 了。 在网上看了一圈，好像没有找到十分详细的教程，这里稍微详细的记录了一下，uniapp打包成H5部署到服务器教程。 步骤如下： 1：点击菜单栏发行，点击 阅读全文
posted @ 2020-08-04 14:24 大熊丨rapper 阅读(4499) 评论(0) 推荐(0)
简单理解Vue中的nextTick
摘要：Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。 一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 模板 <div cla 阅读全文
posted @ 2020-08-04 13:45 大熊丨rapper 阅读(199) 评论(0) 推荐(0)