karlcarlo
a5c5d753b6
- 新增大量图片资源，包括图标、背景图、海报等，用于页面展示 - 添加字体文件及样式配置，支持自定义字体 - 引入 uni-ui 组件库，包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理，包括购物车数量、热门搜索词等 - 增加页面组件，如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件，优化开发体验
77 lines
1.6 KiB
Vue
77 lines
1.6 KiB
Vue
<template>
|
|
<view class="msg">
|
|
<view class="pt-32 pl-20 pr-20">
|
|
<view class="item" v-for="(item,index) in messageList" :key="index">
|
|
<view class="flex-x-center fs-22 lh-30rpx text--w111-999">{{ item.add_time }}</view>
|
|
<view class="w-full bg--w111-fff rd-24rpx mt-24 p-32">
|
|
<view class="fs-32 lh-44rpx">{{item.title}}</view>
|
|
<view class="fs-28 lh-44rpx mt-24">{{item.content}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<home></home>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { messageSystem } from '@/api/user.js';
|
|
export default {
|
|
data() {
|
|
return {
|
|
page: 1,
|
|
limit: 20,
|
|
loading: false,
|
|
finished: false,
|
|
messageList: []
|
|
}
|
|
},
|
|
onLoad() {
|
|
this.getMessageList()
|
|
},
|
|
onReachBottom() {
|
|
this.getMessageList()
|
|
},
|
|
methods: {
|
|
getMessageList() {
|
|
if (this.loading || this.finished) return
|
|
this.loading = true;
|
|
uni.showLoading({
|
|
title: '加载中'
|
|
});
|
|
messageSystem({
|
|
page: this.page,
|
|
limit: this.limit
|
|
})
|
|
.then(res => {
|
|
let data = res.data.list;
|
|
uni.hideLoading();
|
|
this.loading = false;
|
|
this.messageList = this.messageList.concat(data);
|
|
this.finished = data.length < this.limit;
|
|
this.page += 1;
|
|
})
|
|
.catch(err => {
|
|
uni.showToast({
|
|
title: err.msg,
|
|
icon: 'none'
|
|
})
|
|
})
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.left-pic{
|
|
background: linear-gradient(180deg, #FFC657 0%, #FE653B 100%);
|
|
}
|
|
.dot{
|
|
width: 20rpx;
|
|
height: 20rpx;
|
|
border-radius: 50%;
|
|
background-color: #e93323;
|
|
}
|
|
.item ~ .item{
|
|
margin-top: 40rpx;
|
|
}
|
|
</style> |