![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
微信小程序 做项目中的难点
小芹儿
php网站开发,前端
展开
-
31--微信小程序面试题
试题1试题2试题3原创 2020-08-14 16:28:43 · 204 阅读 · 0 评论 -
30--微信小程序 和 vue的区别
1、条件渲染vue使用 v-if v-else-if v-else 指令,如下: <div v-if="color=='red'">red<div> <div v-else-if="color=='orange'">orange<div> <div v-else>yellow<div>wx使用 wx:if wx:elif wx:else 指令,如下: <view wx:if="{{color=='red'}}">red&l转载 2020-08-13 15:28:02 · 94 阅读 · 0 评论 -
17--微信小程序 点击显示想要展示的组件 和 功能,及九宫格 隐藏
隐藏:签到类型:页面:<view class="container"> <!-- 头部 --> <view class="header"> <view class="top"> <image class="logo" src="/static/images/ban.png"></image> <label class="classname">{{teacherinfo.cl.原创 2020-07-04 21:59:58 · 2313 阅读 · 0 评论 -
16--微信小程序 更改学号页面(有value值)
页面:<view class="page"> <text style="padding-left:102px;">更改个人信息</text> <view style="margin:4px 18px;"> <view> <text>姓名:</text> <input type="text" value="{{name}}" class="xin" bindinput="inp.原创 2020-07-04 21:44:32 · 896 阅读 · 0 评论 -
15--微信小程序 扫一扫
//选择 selectemenu: function(e) { let name = e.detail.name; console.log(name) if (name == '加入班级') { this.setData({ showModal: true }) } else { this.getQRCode() } }, // 扫一扫 getQ...原创 2020-07-04 21:40:50 · 261 阅读 · 0 评论 -
14--微信小程序 二维码(组件)canvas
页面:<view class="container"> <view class="header"> <text class="code-tit">班级编号:</text> <text class="code-num">{{classid}}</text> </view> <view class="qrcode-box"> <canvas class="canvas" .原创 2020-07-04 21:34:52 · 881 阅读 · 0 评论 -
13--微信小程序 修改班级名称(组件)按钮、input
页面:<view class="box"> <view class="top"> <!-- 路由组件传参 --> <label class="edit">更改班级名称</label> <input type="text" class="input banname" bindinput="inputName" placeholder="请输入班级名称" value="{{classname}}"><.原创 2020-07-03 15:28:26 · 1552 阅读 · 0 评论 -
12--微信小程序 长按加入班级(返回complete,index下标处理)
页面:<view> <view class="tui-list-view tui-view"> <view class="tui-list-title">长按可以加入班级</view> <view class="tui-list-content"> <block wx:for="{{jiaru}}"> <tui-cell bind:longpress="add" data-in.原创 2020-07-03 14:44:04 · 781 阅读 · 2 评论 -
11--微信小程序 所选项index跳转后获取index项数据
//页面加载时 onLoad: function (options) { let index = wx.getStorageSync('index') console.log(index) let teacherinfo = wx.getStorageSync('teacherinfo')[index] this.setData({ teacherinfo }) let classid = this.data.teacherinfo.cla..原创 2020-07-03 13:52:48 · 691 阅读 · 0 评论 -
10--微信小程序card + 跳转(获取index)
页面block:<view> <view class="page_hd"> <navigator class="create" url="/pages/teacher/banji/add">创建班级</navigator> <navigator class="join" url="/pages/teacher/banji/join">加入班级</navigator> </view> <b.原创 2020-07-03 13:47:23 · 1571 阅读 · 0 评论 -
9--微信小程序 先读缓存,读不到缓存调用接口(组件.js)
//获取应用实例const app = getApp()var util = require('../../utils/util.js')Component({ data: { cards: [] }, properties: { }, lifetimes: { // 生命周期函数,可以为函数,或一个在methods段中定义的方法名 attached: function() { this.readdata() } }, page原创 2020-07-03 13:37:41 · 413 阅读 · 0 评论 -
8-- 椭圆样式按钮(跳转)
页面: <view class="page_hd"> <navigator class="create" url="/pages/teacher/banji/add">创建班级</navigator> <navigator class="join" url="/pages/teacher/banji/join">加入班级</navigator> </view>页面样式:.page_hd { paddi.原创 2020-07-03 11:51:08 · 733 阅读 · 0 评论 -
7--input 保存按钮 禁用可用
首先搭建页面:<view class="page"> <view class="top"> <!-- 路由组件传参 --> <text>班级名称</text> <button type="submit" bindtap="save" class="save" disabled='{{isDisabled}}'>保存</button> </view> <input c.原创 2020-06-22 18:52:34 · 309 阅读 · 1 评论 -
6--弹窗 错误error else 成功
if (res.data.error) { wx.showToast({ title: res.data.message, icon: 'none', duration: 2000 }) return } else { wx.showToast({ title: res.data.message, ...原创 2020-06-22 07:57:58 · 179 阅读 · 0 评论 -
5--微信小程序 之 tabbar
index <!--pages/demo/index.wxml--><c-banji wx:if="{{current == 0}}" id='banji'></c-banji><c-my wx:else id="myinfo"></c-my><tui-tabbar tabBar="{{tabBar2}}" current="{{current}}" bind:click="tabbarSwitch"></tui-t原创 2020-06-21 15:11:11 · 155 阅读 · 0 评论 -
4-- 微信小程序 缓存
存入缓存 //获取应用实例 const app = getApp()one var info = res.data.info app.globalData.info = res.data.info wx.setStorageSync('info', app.globalData.info)twowx.setStorage({ key:"info", data:app.globalData.info})获取缓存one const in.原创 2020-06-21 14:49:51 · 178 阅读 · 0 评论 -
3--微信小程序 请求request
一般请求: wx.request({ url: app.globalData.b_info, method: 'POST', header: { 'content-type': 'application/x-www-form-urlencoded', 'cookie': token }, data: { token }, //原创 2020-06-21 14:36:55 · 237 阅读 · 0 评论 -
2--日期 年月日
util.jsconst formatTime = date => { // const date = new Date(date) const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const hour = date.getHours() const minute = date.getMinutes() const second .原创 2020-06-21 14:29:51 · 233 阅读 · 3 评论 -
1--微信小程序 授权+登录页面
<!--pages/index.wxml--><view class="container"> <!-- logo --> <view class="login-icon"> <image class="login-img" src="/static/images/logo.png"></image> </view> <!-- 学生e考勤 --> <view> ..原创 2020-06-21 14:16:39 · 2313 阅读 · 4 评论