Commit 07f95c0e by baihong

update:评论详情

parent 1d4e4590
...@@ -74,6 +74,15 @@ ...@@ -74,6 +74,15 @@
} }
} }
,{
"path" : "pages/commentDetail/commentDetail",
"style" :
{
"navigationBarTitleText": "评论详情",
"enablePullDownRefresh": false
}
}
], ],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
......
<template>
<view class="app">
<view class="list">
<p>大家起床时的样子?</p>
<u-image width="626rpx" height="638rpx" :src="src"></u-image>
<view class="smile">
<view class="smile-item">
<image style="width: 30rpx;height: 30rpx;" src="../../static/imgs/ic_edit@2x.png" mode=""></image>
233
</view>
<view class="smile-item" style="margin-right: 0;">
<image style="width: 30rpx;height: 30rpx;" src="../../static/imgs/ic_good_02@2x.png" mode=""></image>
233
</view>
</view>
<view class="msg">
realme: 哈哈,太有趣了,太有趣了
</view>
<view class="msg">
realme: 哈哈,太有趣了,太有趣了
</view>
<view class="zwb" v-if="false">
+200(真我币)
<image style="width: 26rpx;height: 26rpx;" src="../../static/imgs/ic_dollar@2x.png" mode=""></image>
</view>
<view class="line"></view>
<p style='font-size: 28rpx;margin-bottom: 15rpx;'>收益详情</p>
<view class="sytext"> 每天500/1000 每七天 500/1000 </view>
<view style="margin-top: 30rpx;">
<view class="sytext" style="color: #555555;margin-bottom: 10rpx;"> realme: 点赞了你 </view>
<view class="sytext"> 帮您获得了100</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
}
}
</script>
<style lang="scss" scoped>
.app {
padding-top: 2rpx;
.sytext {
font-size: 24rpx;
font-weight: 400;
color: #999999;
line-height: 33rpx;
}
.list {
width: 690rpx;
background: #FFFFFF;
border-radius: 7rpx;
margin: 20rpx auto 20rpx auto;
padding: 30rpx;
box-sizing: border-box;
.line {
width: 626rpx;
border: 1px dashed #DCDCDC;
margin: 40rpx 0;
}
.zwb {
font-size: 24rpx;
font-family: OpenSans-Bold, OpenSans;
font-weight: bold;
color: #FFC915;
line-height: 33rpx;
display: flex;
align-items: center;
}
.msg {
font-size: 24rpx;
font-family: OpenSans;
color: #333333;
line-height: 33rpx;
margin: 20rpx 0;
}
.smile {
display: flex;
justify-content: flex-end;
margin-top: 25rpx;
&-item{
display: flex;
align-items: center;
margin-right: 65rpx;
font-size: 24rpx;
font-family: OpenSans;
font-weight: 400;
color: #555555;
line-height: 33rpx;
image{
width: 40rpx;
height: 40rpx;
margin-right: 10rpx;
}
}
}
p {
font-size: 32rpx;
font-family: OpenSans;
color: #000000;
line-height: 43rpx;
margin-bottom: 30rpx;
}
}
}
</style>
...@@ -13,11 +13,11 @@ ...@@ -13,11 +13,11 @@
<text>(真我币)</text> <text>(真我币)</text>
</view> </view>
<view class="header-right"> <view class="header-right">
<view class="tag"> <view class="tag" @click="goMyRecord">
我的战绩 我的战绩
<image src="../../static/imgs/ic_record@2x.png" mode=""></image> <image src="../../static/imgs/ic_record@2x.png" mode=""></image>
</view> </view>
<view class="user"> <view class="user" @click="goUser">
个人中心 个人中心
<u-icon name="arrow-right" color="#000000" size="28"></u-icon> <u-icon name="arrow-right" color="#000000" size="28"></u-icon>
</view> </view>
...@@ -146,6 +146,18 @@ ...@@ -146,6 +146,18 @@
</view> </view>
</u-popup> </u-popup>
<lottery :show="showLottery"/> <lottery :show="showLottery"/>
<u-popup :closeable='true' v-model="showPay" mode="center" width="673rpx">
<view class="popup">
<view class="title">
立即支付
</view>
<view class="pay">
<p>1000</p>
<text>(真我币)</text>
</view>
<view class="pay-btn">立即支付</view>
</view>
</u-popup>
</view> </view>
</template> </template>
...@@ -159,7 +171,8 @@ ...@@ -159,7 +171,8 @@
}, },
data() { data() {
return { return {
showLottery:true, showPay:true,
showLottery:false,
show: false, show: false,
showUpload:false, showUpload:false,
showSuccess:false, showSuccess:false,
...@@ -174,9 +187,14 @@ ...@@ -174,9 +187,14 @@
}, },
methods: { methods: {
goSalesInquiry() { goMyRecord() {
uni.navigateTo({
url: '../myRecord/myRecord'
});
},
goUser() {
uni.navigateTo({ uni.navigateTo({
url: '../salesInquiry/salesInquiry' url: '../user/user'
}); });
}, },
chooseImage() { chooseImage() {
...@@ -309,6 +327,38 @@ ...@@ -309,6 +327,38 @@
} }
} }
.popup { .popup {
padding-bottom: 80rpx;
.pay-btn {
width: 590rpx;
height: 74rpx;
background: #FFC915;
border-radius: 8rpx;
font-size: 28rpx;
font-family: OpenSans-Bold, OpenSans;
font-weight: bold;
color: #000000;
line-height: 38rpx;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
.pay {
margin-top: 54rpx;
margin-bottom: 65rpx;
display: flex;
flex-direction: column;
align-items: center;
p{
font-size: 70rpx;
font-family: OpenSans;
color: #333333;
line-height: 96rpx;
}
text {
font-size: 26rpx;
}
}
.title { .title {
padding: 30rpx 35rpx; padding: 30rpx 35rpx;
border-bottom: 1rpx solid #DCDCDC; border-bottom: 1rpx solid #DCDCDC;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment