
微信小程序
文章平均质量分 68
杰无忌
喜欢写代码
展开
-
微信小程序开发常用代码
wx.showLoading({ title: '玩命加载中',})wx.hideLoading();wx.showToast({ title: '没有更多数据',})//页面上拉加载更多onReachBottom 当数据不够一屏幕时不会触发控件(按钮)横向排列 wxss.view_class { display: flex; flex-direction: row; justify-content: center;}...原创 2021-08-06 14:18:50 · 5526 阅读 · 0 评论 -
微信小程序开发系列(七)
今天我们来讲一下首页快捷入口的布局编写,看下图我们看一下代码<view class="title-view"> <view class="title-button" wx:for="{{nav}}" wx:for-item="item" bindtap="searchShop" data-index="{{item.bind}}"> <image class="image-btn" src="{{item.src}}"></image&g...原创 2020-08-10 14:16:30 · 373 阅读 · 0 评论 -
微信小程序开发系列(六)
今天这一讲我把之前的首页做了优化,增加了几个常用的模块,这里教大家怎么写,先来看一下图我们来看一下新的布局,先说一下搜索是怎么写的,我个来看代码<viewclass="view-search"bindtap="searchPage"><imageclass="search-image"src="/images/search.png"></image><textclass="text-search">请输入商户名称&...原创 2020-08-06 09:22:42 · 209 阅读 · 0 评论 -
微信小程序开发系列(五)
今天我来讲解一下首页布局的构成。首先我们先创建底部tabBar,打开app.json,在页面中创建"tabBar":{"color":"#6e6d6b","selectedColor":"#ff9900","borderStyle":"black","backgroundColor":"#ffffff","list":[{"pagePath":"pages/index/index",...原创 2020-07-06 15:01:20 · 272 阅读 · 3 评论 -
微信小程序开发系列(四)
从今天开始,我将带领大家通过一个类似外面的实战项目一步一步带大家学习微信小程序开发,正所谓光说不练假把式,只有通过实际操作才能学好开发,编程是一门动手的课程,只能多写才能学的好,下面我们开始吧,首先我们先看一下效果图。 首先我们先创建需要用到的页面,在app.json中创建保存。下节课我们开始正式写代码,我会针对每个页面从WXML、JS、WXSS、JSON四个文件仔细讲解这个项目的开发流程,如果有听不懂的或者不明...原创 2020-06-10 15:32:20 · 183 阅读 · 0 评论 -
微信小程序开发系列(三)
如果我们想新建一个页面应该怎么做呢?首先我们先打开app.json文件。例如我们新建一个页面user,然后我们在打开的app.json中。写上这么一句话,ctrl+s保存,这个时候,在左边的目录中会自动创建出这个页面所对应的目录,一个小程序的页面会包含4个文件。在小程序中,还有一个工具文件utils,此文件的js旨在本文件之内有效,当其他子页面想调用其中的js方法或者变量时,需要两步骤:1:在utils被调用的js文件中,面向对象的方式模型输出: module.export.原创 2020-06-10 14:44:19 · 255 阅读 · 0 评论 -
微信小程序开发系列(二)
新创建完的项目,我们先来看一下项目结构,在开发之前,对每一个文件一定熟悉它们的作用,这一点很重要,看下图。这长图就是小程序项目的目录结构,下面我们分别说一下它们是做什么用的吧。1、首先我们说一下app.json这个文件,它是微信小程序进行全局配置,通过它可以设置页面文件的路径、窗口表现、设置网络超时时间、设置 tab 等等。首先看一个典型的全局配置app.json文件。{"pages":["pages/index/index","pages/logs/lo...原创 2020-06-10 14:11:09 · 1722 阅读 · 0 评论 -
微信小程序开发系列(一)
今天开始我将带领还是小白的你一步步学习微信小程序开发,首先我们要先准备一下开发需要用到的工具。原创 2020-06-10 11:25:27 · 289 阅读 · 0 评论