<template> <view class="content"> <view class="container"> <view class="box-hang"> <view class="dis">活动名称</view> <view class="" > <text>推荐会员消费有礼</text> </view> </view> <view class="box-hang"> <view class="dis">活动时间</view> <view class="" > <text>长期有效</text> </view> </view> <view class="box-hang"> <view class="dis">推荐人等级</view> <view class="" > <text>普通会员、白金会员</text> </view> </view> <view class="box-hang"> <view class="dis">支付方式</view> <view class="" > <text>微信、支付宝、云闪付、现金、pos刷卡</text> </view> </view> <view class="box-hang"> <view class="dis">赠送优惠券</view> <view class="" > <text>50元优惠券</text> </view> </view> <view class="box-hang"> <view class="dis">赠送积分</view> <view class="" > <text>20分</text> </view> </view> <view class="box-hang"> <view class="dis">赠送成长值</view> <view class="" > <text>2成长值</text> </view> </view> </view> </view> </template> <script> import request from '../../utils/request'; export default { data() { return { title: '', List: [], pageNo: 1, pageSize: 10, totalPage: '', } }, onLoad() {}, onPullDownRefresh() { //下拉刷新 uni.stopPullDownRefresh() }, onReachBottom() { // 触底加载 if (this.pageNo >= this.totalPage) { } else { this.pageNo++ } }, components: { }, methods: { goback() { uni.navigateBack() } } } </script> <style scoped lang="scss"> .content { background: #f4f5f6; } .container { width: 100%; height: 100vh; box-sizing: border-box; padding-top: 12px; } .box-hang { background-color: white; width: 96%; display: flex; box-sizing: border-box; padding: 15px 15px; border-bottom: 1px solid #f4f5f6; margin: 0 auto; font-size: 14px; } .dis { color: #666666; width: 30%; } </style>