theluyuan/beelink
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

钱包

Browse Source
This commit is contained in:
asd
2020-10-15 15:44:50 +08:00
parent b92d59b01d
commit 19cd11b0dc
6 changed files with 390 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/components/ReviewItemtwo.vue Normal file
View File

@@ -0,0 +1,106 @@
<template>
<div class="reviewitem">
<div class="top">
<img src="" alt="">
<div class="name">qweqw</div>
<!-- <div class="lv">
<div class="img">
<img src="@/static/images/starred.png" alt="">
<img src="@/static/images/starred.png" alt="">
<img src="@/static/images/starred.png" alt="">
<img src="@/static/images/star.png" alt="">
<img src="@/static/images/star.png" alt="">
</div>
<div class="num">8.0</div>
</div> -->
</div>
<div class="cont">
dafjkldashfjksdhjkhfgjkdshjkfgsdhjkghjkshgjsjkhg
</div>
<div class="bottom">
<div class="date">2020-10-10</div>
<div class="reply">
回复
<span class="reply del">删除</span>
</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.reviewitem{
width: 100%;
margin-bottom: 50px;
.top{
display: flex;
align-items: center;
>img{
width: 45px;
height: 45px;
border-radius: 50%;
background-color: #0f0;
}
.name{
font-size: 13px;
color: #111;
margin-left: 10px;
}
.lv{
display: flex;
align-items: center;
.img{
display: flex;
align-items: center;
>img{
width: 12px;
height: 12px;
// background-color: #0f0;
margin-left: 3px;
}
}
.num{
font-size: 11px;
color: #D12C2E;
margin-left: 3px;
}
}
}
.cont{
margin-left: 67px;
font-size: 11px;
line-height: 1.2;
}
.bottom{
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 67px;
margin-top: 25px;
.date{
font-size: 10px;
color: #999;
}
.reply{
font-size: 10px;
color: #08AE98;
}
.del{
color:#D12C2D!important;
margin-left: 28px;
}
}
}
</style>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
setup(){
console.log(1)
}
})
</script>

17
src/components/VideoReview.vue
View File

@@ -11,11 +11,14 @@
<div class="list">
<ReviewItem></ReviewItem>
<ReviewItem></ReviewItem>
<ReviewItem></ReviewItem>
<ReviewItem></ReviewItem>
<div class="huifu">
<ReviewItemtwo></ReviewItemtwo>
<ReviewItemtwo></ReviewItemtwo>
</div>
</div>
<div class="reply">
<div>
<a-textarea v-model:value="value" placeholder="Basic usage" :rows="4" />
<div class="send">发表留言</div>
</div>
@@ -75,16 +78,20 @@
}
}
.huifu{
margin-left: 56px;
}
}
</style>
<script lang="ts">
import { defineComponent } from 'vue';
import ReviewItem from "./ReviewItem.vue"
import ReviewItemtwo from "./ReviewItemtwo.vue"
export default defineComponent({
components:{
ReviewItem
ReviewItem,
ReviewItemtwo
},
serup(){
console.log(1)