|
@@ -3,7 +3,10 @@
|
|
<!-- 积分和积分签到 -->
|
|
<!-- 积分和积分签到 -->
|
|
<view class="signIn">
|
|
<view class="signIn">
|
|
<view>20000</view>
|
|
<view>20000</view>
|
|
- <view class="signIn-item" @tap="$Router.push('/pages/points/checkIn/index')">
|
|
|
|
|
|
+ <view
|
|
|
|
+ class="signIn-item"
|
|
|
|
+ @tap="$Router.push('/pages/points/checkIn/index')"
|
|
|
|
+ >
|
|
<text>签到获取积分</text>
|
|
<text>签到获取积分</text>
|
|
<u-icon name="arrow-right" color="#fff" size="16"></u-icon>
|
|
<u-icon name="arrow-right" color="#fff" size="16"></u-icon>
|
|
</view>
|
|
</view>
|
|
@@ -11,8 +14,12 @@
|
|
<!-- 积分列表 -->
|
|
<!-- 积分列表 -->
|
|
<view class="integral">
|
|
<view class="integral">
|
|
<u-grid :border="false" col="4">
|
|
<u-grid :border="false" col="4">
|
|
- <u-grid-item v-for="(listItem, listIndex) in list1" :key="listIndex" @tap="$Router.push(listItem.url)">
|
|
|
|
- <u-icon :name="listItem.name" :size="50" color="#347caf" />
|
|
|
|
|
|
+ <u-grid-item
|
|
|
|
+ v-for="(listItem, listIndex) in list1"
|
|
|
|
+ :key="listIndex"
|
|
|
|
+ @tap="$Router.push(listItem.url)"
|
|
|
|
+ >
|
|
|
|
+ <u-icon :name="listItem.name" :size="40" color="#347caf" />
|
|
<text class="integral-text">{{ listItem.title }}</text>
|
|
<text class="integral-text">{{ listItem.title }}</text>
|
|
</u-grid-item>
|
|
</u-grid-item>
|
|
</u-grid>
|
|
</u-grid>
|
|
@@ -42,13 +49,15 @@
|
|
|
|
|
|
<!-- 获取积分方式 -->
|
|
<!-- 获取积分方式 -->
|
|
<view class="method">
|
|
<view class="method">
|
|
- <u-cell-group :border="false">
|
|
|
|
- <u-cell size="mini" :border="false" icon="red-packet" title="发帖" isLink url="" />
|
|
|
|
- <u-cell size="mini" :border="false" icon="red-packet" title="消费" isLink url="" />
|
|
|
|
- <u-cell size="mini" :border="false" icon="red-packet" title="点评" isLink url="" />
|
|
|
|
- <u-cell size="mini" :border="false" icon="red-packet" title="分享" isLink url="" />
|
|
|
|
- <u-cell size="mini" :border="false" icon="red-packet" title="回帖" isLink url="" />
|
|
|
|
- <u-cell size="mini" :border="false" icon="red-packet" title="广告" isLink url="" />
|
|
|
|
|
|
+ <u-cell-group :border="false" v-for="(item, index) in list2" :key="index">
|
|
|
|
+ <u-cell
|
|
|
|
+ size="mini"
|
|
|
|
+ :border="false"
|
|
|
|
+ :icon="item.icon"
|
|
|
|
+ :title="item.title"
|
|
|
|
+ isLink
|
|
|
|
+ :url="item.url"
|
|
|
|
+ />
|
|
</u-cell-group>
|
|
</u-cell-group>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -59,10 +68,58 @@ export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
list1: [
|
|
list1: [
|
|
- { name: 'photo', title: '积分说明' },
|
|
|
|
- { name: 'lock', title: '积分明细' },
|
|
|
|
- { name: 'star', title: '积分提现' },
|
|
|
|
- { name: 'hourglass', title: '积分活动' },
|
|
|
|
|
|
+ {
|
|
|
|
+ name: 'photo',
|
|
|
|
+ title: '积分说明',
|
|
|
|
+ url: '/pages/points/instructions/index',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ name: 'lock',
|
|
|
|
+ title: '积分明细',
|
|
|
|
+ url: '/pages/points/detail/index',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ name: 'star',
|
|
|
|
+ title: '积分提现',
|
|
|
|
+ url: '/pages/points/withdraw/index',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ name: 'hourglass',
|
|
|
|
+ title: '积分活动',
|
|
|
|
+ url: '/pages/points/activity/index',
|
|
|
|
+ },
|
|
|
|
+ ],
|
|
|
|
+ list2: [
|
|
|
|
+ {
|
|
|
|
+ icon: 'red-packet',
|
|
|
|
+ title: '发帖',
|
|
|
|
+ url: '/pages/pointMethod/foren/index',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ icon: 'red-packet',
|
|
|
|
+ title: '消费',
|
|
|
|
+ url: '/pages/pointMethod/consume/index',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ icon: 'red-packet',
|
|
|
|
+ title: '点评',
|
|
|
|
+ url: '/pages/pointMethod/comment/index',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ icon: 'red-packet',
|
|
|
|
+ title: '分享',
|
|
|
|
+ url: '/pages/pointMethod/share/index',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ icon: 'red-packet',
|
|
|
|
+ title: '回帖',
|
|
|
|
+ url: '/pages/pointMethod/recover/index',
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ icon: 'red-packet',
|
|
|
|
+ title: '广告',
|
|
|
|
+ url: '/pages/pointMethod/advertise/index',
|
|
|
|
+ },
|
|
],
|
|
],
|
|
};
|
|
};
|
|
},
|
|
},
|
|
@@ -73,6 +130,9 @@ export default {
|
|
.myPoints {
|
|
.myPoints {
|
|
/* 签到获取积分 */
|
|
/* 签到获取积分 */
|
|
height: 100vh;
|
|
height: 100vh;
|
|
|
|
+ margin-bottom: 50rpx;
|
|
|
|
+ background-color: #efefef;
|
|
|
|
+
|
|
.signIn {
|
|
.signIn {
|
|
height: 300rpx;
|
|
height: 300rpx;
|
|
font-size: 35px;
|
|
font-size: 35px;
|
|
@@ -104,12 +164,15 @@ export default {
|
|
padding: 10px;
|
|
padding: 10px;
|
|
height: 220rpx;
|
|
height: 220rpx;
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
|
+
|
|
.invite-item {
|
|
.invite-item {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
+
|
|
.invite-text {
|
|
.invite-text {
|
|
display: flex;
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
+
|
|
.gotoInvite {
|
|
.gotoInvite {
|
|
width: 60px;
|
|
width: 60px;
|
|
height: 30px;
|
|
height: 30px;
|
|
@@ -119,10 +182,12 @@ export default {
|
|
text-align: center;
|
|
text-align: center;
|
|
background-color: #347caf;
|
|
background-color: #347caf;
|
|
}
|
|
}
|
|
|
|
+
|
|
.friends {
|
|
.friends {
|
|
margin-top: 5px;
|
|
margin-top: 5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.inviteFriends {
|
|
.inviteFriends {
|
|
width: 500rpx;
|
|
width: 500rpx;
|
|
height: 90rpx;
|
|
height: 90rpx;
|
|
@@ -133,9 +198,11 @@ export default {
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
background-color: #e6f5fd;
|
|
background-color: #e6f5fd;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
|
|
+
|
|
.flex-invite {
|
|
.flex-invite {
|
|
display: flex;
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
+
|
|
.scan-text {
|
|
.scan-text {
|
|
margin-top: 2px;
|
|
margin-top: 2px;
|
|
color: #626c79;
|
|
color: #626c79;
|