本文给大家带来的是微信小程序宏华净水充值记录列表页设计制作开发教程,制作好以后效果图如下:
一、wxml页面代码如下:
<view class="bg-gray">
<view class='dataList flex align between'>
<view class='item'><span>余额充值</span><small>2016-12-15</small></view>
<view class='item'><b>+1000.00</b></view>
</view><!-- dataList -->
<view class='dataList flex align between'>
<view class='item'><span>余额充值</span><small>2016-12-15</small></view>
<view class='item'><b>+1000.00</b></view>
</view><!-- dataList -->
<view class='dataList flex align between'>
<view class='item'><span>余额充值</span><small>2016-12-15</small></view>
<view class='item'><b>+1000.00</b></view>
</view><!-- dataList -->
</view><!--bg-gray-->
|
二、js页面代码如下:
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo')
}
})
|