function wxToPromise(method, options = {}) { return new Promise((resolve, reject) => { options.success = resolve options.fail = err => { reject(err) }
下载 小程序开发助手 和 easy less "less.compile": { "outExt": ".wxss" }, ok
"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#eb4450", "navigationBarTitleText": "优购", "navigationBarTextStyle":"white"
复制样式 全局引用 OK
//app.js App({ // 1 应用第一次启动的就会触发的事件 onLaunch() { // 在应用第一次启动的时候 获取用户的个人信息 // console.log("onLaunch"); // aabbcc // js的方式来跳转 不能触发 onPageNotFound // wx.
Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { console.log("onLoad"); // onLoad发送异步请求来初始化页面数据 }, /** * 生命周期函数
<!-- button 标签 1 外观的属性 1 size 控制按钮的大小 1 default 默认大小 2 mini 小尺寸 2 type 用来控制按钮的颜色 1 default 灰色 2 primary 绿色 3 warn 红色 3 plain 按钮是否镂空，背景色透明 4 loading 文字
<!-- radio 单选框 1 radio标签 必须要和 父元素 radio-group来使用 2 value 选中的单选框的值 3 需要给 radio-group 绑定 change事件 4 需要在页面中显示 选中的值 --> <radio-group bindchange="handleCha
"enablePullDownRefresh": true, "backgroundTextStyle":"dark" /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { console.log('下拉刷新') //1 重置数
/* 1 小程序中 不需要主动来引入样式文件 2 需要把页面中某些元素的单位 由 px 改成 rpx 1 设计稿 750x 750 px = 750 rpx 1 px = 1 rpx 2 把屏幕宽度 改成 375px 375 px = 750 rpx 1 px = 2rpx 1rpx = 0.5px
/** * 页面的初始数据 */ data: { // 左侧菜单的数据 leftMenuList:[], // 右侧的商品数据 rightContent:[], // 被点击的 左侧的菜单 currentIndex:0 }, // 接口的返回数据 Cates:[], /** * 生命周期函数--监听
<!-- 1 长按文字复制 selectable 2 对文本内容 进行 解码 --> <text selectable decode> text 123 < </text> <!-- image 图片标签 1 src 指定要加载的图片的路径 图片存在默认的宽度和高度 320 *
// 同时发送的异步代码的次数 let ajaxTimes = 0; export const request=(params)=>{ ajaxTimes++; // 显示加载中效果 wx.showLoading({ title: "加载中", mask: true }); // 定义公共的url
block 1 占位符的标签 2 写代码的时候 可以看到这标签存在 3 页面渲染 小程序会把它移除掉 <view> <block wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="id" class="my_list"
条件渲染 1 wx:if="{{true/false}}" 1 if , else , if else wx:if wx:elif wx:else 2 hidden 1 在标签上直接加入属性 hidden 2 hidden="{{true}}" 3 什么场景下用哪个 1 当标签不是频繁的切换显示 优
// 点击轮播图 放大预览 handlePrevewImage(e){ // 1 先构造要预览的图片数组 const urls = this.GoodsInfo.pics.map(v=>v.pics_mid) // 2 接收传递过来的图片url const current = e.currentTa
<!-- 1 需要给input标签绑定 input事件 绑定关键字 bindinput 2 如何获取 输入框的值 通过事件源对象来获取 e.detail.value 3 把输入框的值 赋值到 data当中 不能直接 1 this.data.num=e.detail.value 2 this.num=
<!-- rich-text 富文本标签 1 nodes属性来实现 1 接收标签字符串 2 接收对象数组 --> <rich-text nodes="{{html}}"></rich-text> // pages/demo12/demo12.js Page({ data: { // 1 标签字符串
<view> <checkbox-group bindchange="handleItemChange"> <checkbox value="{{item.value}}" wx:for="{{list}}" wx:key="id"> {{item.name}} </checkbox> </chec
runtime.js /** * Copyright (c) 2014-present, Facebook, Inc. * * This source code is licensed under the MIT license found in the * LICENSE file in the
import regeneratorRuntime from "../../lib/runtime/runtime.js"; /** * Copyright (c) 2014-present, Facebook, Inc. * * This source code is licensed under
<!--components/Tabs/Tabs.wxml--> <view class="tabs"> <view class="tabs_title"> <view wx:for="{{tabs}}" wx:key="id" class="title_item {{item.isActive ?
<view class="search_row"> <input value="{{inputValue}}" placeholder="请输入你要搜索的商品" bindinput="handleInput"> </input> <button class="search_btn" bindtap=
<!--pages/feedback/index.wxml--> <Tabs tabs="{{tabs}}" bindtabsItemChange="handleTabsItemChange"> <view class="fb_main"> <view class="fb_title">问题的种类<
https://gitee.com/eric167/shio-small
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
