随笔分类 - 桂工微拍小程序
摘要：一、未优化大概雏形 二、分页获取数据，滑到底部触发 1、大概思路 （1）在该页面json文件里面加上底部触发距离 "onReachBottomDistance": 100 （2）在底部触发函数onReachBottom: function(){}里面获取下一页数据库数据，先判断是否全部获取完了 （3
阅读全文
摘要：
最近做了一个校园拍卖小程序，想在里面添加一个类似校园圈功能，现在来一步一步实现。 一、设计所需要的表 1、文章表 文章表很简单，就类似朋友圈，一个文字内容，一个图片数组 二、发布动态 1、文本区 光标有点问题，回车换行时光标和文字被埋在下面了 解决，给textarea设置一个最大高度，max-len
阅读全文
最近做了一个校园拍卖小程序，想在里面添加一个类似校园圈功能，现在来一步一步实现。 一、设计所需要的表 1、文章表 文章表很简单，就类似朋友圈，一个文字内容，一个图片数组 二、发布动态 1、文本区 光标有点问题，回车换行时光标和文字被埋在下面了 解决，给textarea设置一个最大高度，max-len
阅读全文
摘要：
效果 1、主要布局 我们需要基本的input框和选择器picker，我设计的布局如下 重点在分类选择器和时间选择器 1-1.分类选择器 使用官方文档的picker标签，传入的数据为一个对象数组，数组中每一个对象包含两个字段 picker 标签的 value属性：绑定的是一个数组下标index值； r
阅读全文
效果 1、主要布局 我们需要基本的input框和选择器picker，我设计的布局如下 重点在分类选择器和时间选择器 1-1.分类选择器 使用官方文档的picker标签，传入的数据为一个对象数组，数组中每一个对象包含两个字段 picker 标签的 value属性：绑定的是一个数组下标index值； r
阅读全文
摘要：1、页面效果 2、页面代码 2-1、wxml代码 <view class="container"> <scroll-view class="main" scroll-y="true"> <block wx:for="{{goods}}" wx:key="index"> <view class="go
阅读全文
摘要：完整功能和页面 1、goods.wxml代码 <!--商品详情页--> <view class="container"> <scroll-view class="main" scroll-y="true"> <!--顶部轮播图--> <swiper autoplay="true" indicator
阅读全文
摘要：最近在做一个小程序，其中一个功能是计算拍卖品结束倒计时。 传递给计算倒计时方法countdown() 的参数是一个从数据库获取的结束时间 endTime。 一开始我是这样写的 这样看着好像没啥问题，逻辑是正常的，BUT 该方法每隔一秒都会执行一次这里 就会导致频繁调用获取系统时间，而我们只需要用户在
阅读全文
摘要：1、商品轮播图 1-1、整体流程 1、swiper组件用来放置swiper-item组件 2、swiper-item组件用来放置图片 3、image组件显示轮播图图片 4、wx:for列表循环，设置每一个图片 5、云数据库请求数据完成动态响应 1-2、根据微信开发官方文档来设计商品轮播图 1、从官方
阅读全文
摘要：1-6、个人中心页面 1-6-1、整体代码 1、wxml <!--用户中心--> <view class="userCenter"> <!--头像和登录区域--> <view class="login"> <view class="login-pic"> <image class="icon" sr
阅读全文
摘要：桂工微拍开发文档(小程序) 1、页面设计 1-1、底部导航栏设计 "tabBar": { "selectedColor": "yellow", "borderStyle": "white", "color": "#ffffff", "list": [ { "pagePath": "pages/cla
阅读全文
