小程序

feat/task1-c-wallet
devil_gong 2019-07-04 21:41:57 +08:00
parent 7b02cb2e4d
commit 6bf8b2c20b
6 changed files with 66 additions and 1 deletions

View File

@ -0,0 +1,23 @@
// components/limitedtimediscount.js
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})

View File

@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View File

@ -0,0 +1,16 @@
<view class="data-list">
<scroll-view scroll-x>
<view class="item">
<view class='inner'>1</view>
</view>
<view class="item">
<view class='inner'>2</view>
</view>
<view class="item">
<view class='inner'>3</view>
</view>
<view class="item">
<view class='inner'>4</view>
</view>
</scroll-view>
</view>

View File

@ -0,0 +1,18 @@
.data-list {
background: #fff;
padding: 20rpx 10rpx;
width: 100%;
white-space: nowrap;
box-sizing: border-box;
}
/*设置行内块*/
.data-list .item {
width: 100px;
height: 80px;
border: 1px solid red;
background: white;
display: inline-block;
margin-right: 10px;
}

View File

@ -2,6 +2,7 @@
"enablePullDownRefresh": true,
"usingComponents": {
"component-icon-nav": "/components/icon-nav/icon-nav",
"component-banner": "/components/slider/slider"
"component-banner": "/components/slider/slider",
"component-limitedtimediscount": "/components/limitedtimediscount/limitedtimediscount"
}
}

View File

@ -18,6 +18,9 @@
<!-- 导航 -->
<component-icon-nav prop-data="{{navigation}}"></component-icon-nav>
<!-- 限时秒杀 -->
<component-limitedtimediscount prop-data="{{banner_list}}"></component-limitedtimediscount>
<!-- 楼层数据 -->
<block wx:if="{{data_list.length > 0}}">
<view wx:for="{{data_list}}" wx:key="key" wx:for-item="floor" class="floor spacing-mb">