
微信小程序
晓果博客
You’ll never realize how strong you are until you have no other choice but to be strong<br>你永远都不会知道自己到底有多坚强,直到有一天你除了坚强别无选择。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
uni-app 商城选择商品左右菜单联动效果实现
<template> <view> <view class="ld"> <view class="left"> <scroll-view :scroll-y="true" :scroll-with-animation="true" :scroll-into-view="clickToId" :style="{'height':windowHeight}"> <view v-.原创 2020-05-18 00:27:31 · 6004 阅读 · 4 评论 -
小程序wepy使用腾讯插件播放视频案例
效果 首先把视频上传到腾讯视频 获取vid 登录小程序后台添加支持 “腾讯视频插件” 在你们的wxml上这样插入视频元素 <template> <view class="container"> <video src="{{src}}" controls></video> <txv-video v...原创 2019-09-20 17:51:14 · 1567 阅读 · 0 评论 -
小程序自定义导航栏(适配不同手机)——拿来就用
基本思路 写自定义导航组件的时候,需要将组件结构一分为二:状态栏 + 标题栏 状态栏高度可通过wx.getSystemInfoSync().statusBarHeight获取 标题栏高度:安卓:48px,iOS:44px 单位必需跟胶囊按钮一致,用px 详细介绍请看:小程序自定义导航栏适配(完美版)这里就不详细介绍了 获得版本号和状态栏高度(app.wpy) globalDat...原创 2019-08-01 10:05:59 · 7792 阅读 · 1 评论 -
ReferenceError: regeneratorRuntime is not defined
小程序在使用async 请求数据时报错 ReferenceError: regeneratorRuntime is not defined 将ES6转ES5去掉勾选原创 2018-11-28 15:13:03 · 11050 阅读 · 2 评论 -
wepy学习基础指令
wepy学习基础 1、引入样式(以app.wpy为例) 在src目录下创建文件夹styles/base.css 在app.wpy中引入base.css样式 2、less提取css样式 <style lang="less"> @color: red; page { background-color: aqua; color: @color; } </style> 3...原创 2018-11-28 11:13:33 · 1320 阅读 · 0 评论 -
wepy学习启用promise
wepy项目中使用Promise 因为不想陷入异步的回调地域中去,所以在一些复杂的业务当中,我们推荐使用primise或者async-function来替代传统的回调,因此需要在项目中单独进行配置。 1. 进入项目跟目录,安装polyfill npm install wepy-async-function --save 2. 在app.wpy中导入polyfill import 'wepy-as...原创 2018-11-28 10:29:30 · 1576 阅读 · 0 评论 -
wepy学习项目的创建
wepy-cli 学习 1. 全局安装或更新WePY命令行工具: npm install wepy-cli -g 2. 查看wepy版本 wepy -v 3. 查看wepy命令 wepy list 4. 创建项目 空项目 wepy init empty my-project ?Project name myemptyproject //项目名称 ? AppId tourist...原创 2018-11-28 10:21:21 · 1833 阅读 · 0 评论 -
自定义小程序popupwindow弹出框
在上方弹出 wxml <view class="zan-dialog {{ showDialog ? 'zan-dialog--show' : '' }}"> <view class="zan-dialog__mask" bindtap="toggleDialog" /> <view class="zan-dialog__container"原创 2018-09-05 11:25:22 · 2597 阅读 · 0 评论 -
前端(微信小程序)渐变色
CSS3 渐变(gradients)可以在两个或多个指定的颜色之间显示平稳的过渡。 CSS3 定义了两种类型的渐变(gradients): 线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向 径向渐变(Radial Gradients)- 由它们的中心定义 线性渐变 - 从上到下(默认情况下) .view11 { width...转载 2018-04-20 09:23:52 · 27166 阅读 · 0 评论 -
微信小程序如何发送模板消息
效果 首先在页面中使用form画出页面 <view class='bottom'> <form bindsubmit="formSubmit" report-submit> <!-- <view class='bootom-night' bindtap='auditClick'>审核通过</view> ...原创 2018-03-13 19:48:16 · 4148 阅读 · 2 评论 -
微信小程序 开发 常用 快捷键
常用快捷键 格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行 Shift+Alt+F:代码格式化 Alt+Up,Alt+Down:上下移动一行 Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行 Ctrl...原创 2018-03-02 15:47:45 · 3478 阅读 · 0 评论 -
解决·微信小程序开发-网络请求报Invalid request 400错误
今天学习了一下微信小程序的入门开发,在使用网络请求时,发现根据微信官方的API的方法进行操作出现Invalid request 400错误,到底怎么回事呢? 首先我们来看微信API网络请求 示例代码: wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: {原创 2017-03-12 22:53:34 · 23820 阅读 · 3 评论