微信小程序
晓果博客
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 · 5924 阅读 · 4 评论 -
小程序wepy使用腾讯插件播放视频案例
效果首先把视频上传到腾讯视频获取vid登录小程序后台添加支持 “腾讯视频插件”在你们的wxml上这样插入视频元素<template> <view class="container"> <video src="{{src}}" controls></video> <txv-video v...原创 2019-09-20 17:51:14 · 1470 阅读 · 0 评论 -
小程序自定义导航栏(适配不同手机)——拿来就用
基本思路 写自定义导航组件的时候,需要将组件结构一分为二:状态栏 + 标题栏 状态栏高度可通过wx.getSystemInfoSync().statusBarHeight获取 标题栏高度:安卓:48px,iOS:44px 单位必需跟胶囊按钮一致,用px详细介绍请看:小程序自定义导航栏适配(完美版)这里就不详细介绍了获得版本号和状态栏高度(app.wpy) globalDat...原创 2019-08-01 10:05:59 · 7729 阅读 · 1 评论 -
ReferenceError: regeneratorRuntime is not defined
小程序在使用async 请求数据时报错 ReferenceError: regeneratorRuntime is not defined将ES6转ES5去掉勾选原创 2018-11-28 15:13:03 · 11022 阅读 · 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 · 1277 阅读 · 0 评论 -
wepy学习启用promise
wepy项目中使用Promise因为不想陷入异步的回调地域中去,所以在一些复杂的业务当中,我们推荐使用primise或者async-function来替代传统的回调,因此需要在项目中单独进行配置。1. 进入项目跟目录,安装polyfillnpm install wepy-async-function --save2. 在app.wpy中导入polyfillimport 'wepy-as...原创 2018-11-28 10:29:30 · 1538 阅读 · 0 评论 -
wepy学习项目的创建
wepy-cli 学习1. 全局安装或更新WePY命令行工具:npm install wepy-cli -g2. 查看wepy版本wepy -v3. 查看wepy命令wepy list4. 创建项目空项目wepy init empty my-project ?Project name myemptyproject //项目名称? AppId tourist...原创 2018-11-28 10:21:21 · 1755 阅读 · 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 · 2542 阅读 · 0 评论 -
前端(微信小程序)渐变色
CSS3 渐变(gradients)可以在两个或多个指定的颜色之间显示平稳的过渡。 CSS3 定义了两种类型的渐变(gradients):线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向径向渐变(Radial Gradients)- 由它们的中心定义线性渐变 - 从上到下(默认情况下) .view11 { width...转载 2018-04-20 09:23:52 · 27046 阅读 · 0 评论 -
微信小程序如何发送模板消息
效果首先在页面中使用form画出页面<view class='bottom'> <form bindsubmit="formSubmit" report-submit> <!-- <view class='bootom-night' bindtap='auditClick'>审核通过</view> ...原创 2018-03-13 19:48:16 · 4089 阅读 · 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 · 3427 阅读 · 0 评论 -
解决·微信小程序开发-网络请求报Invalid request 400错误
今天学习了一下微信小程序的入门开发,在使用网络请求时,发现根据微信官方的API的方法进行操作出现Invalid request 400错误,到底怎么回事呢?首先我们来看微信API网络请求 示例代码:wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: {原创 2017-03-12 22:53:34 · 23458 阅读 · 3 评论