26371
This commit is contained in:
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="Detail">
|
<div class="Detail">
|
||||||
<AiTopFixed>
|
<div class="detail-top">
|
||||||
<div flex class="w-100">
|
<div flex class="w-100">
|
||||||
<div class="avatar" v-text="data.avatar" />
|
<div class="avatar" v-text="data.avatar" />
|
||||||
<div flex class="column start fill">
|
<div flex class="column start fill">
|
||||||
@@ -19,8 +19,7 @@
|
|||||||
<div class="img-list" v-if="data.images && data.images.length">
|
<div class="img-list" v-if="data.images && data.images.length">
|
||||||
<img :src="item.url" alt="" v-for="(item, index) in data.images" :key="index" @click="previewImage(data.images, item.url)" />
|
<img :src="item.url" alt="" v-for="(item, index) in data.images" :key="index" @click="previewImage(data.images, item.url)" />
|
||||||
</div>
|
</div>
|
||||||
</AiTopFixed>
|
</div>
|
||||||
|
|
||||||
<div v-if="data.type == 0" class="comments">
|
<div v-if="data.type == 0" class="comments">
|
||||||
<span class="totalCount">
|
<span class="totalCount">
|
||||||
<span class="total" v-text="`全部评论(${commentCount})`" />
|
<span class="total" v-text="`全部评论(${commentCount})`" />
|
||||||
@@ -204,11 +203,11 @@ export default {
|
|||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.Detail {
|
.Detail {
|
||||||
height: 100vh;
|
padding-bottom: 112px;
|
||||||
background: #fff;
|
|
||||||
// padding-bottom: 112px;
|
|
||||||
|
|
||||||
::v-deep.AiTopFixed {
|
.detail-top {
|
||||||
|
padding: 30px;
|
||||||
|
background: #fff;
|
||||||
border-bottom: 16px solid #f6f7f9;
|
border-bottom: 16px solid #f6f7f9;
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
@@ -291,8 +290,9 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.comments {
|
.comments {
|
||||||
padding: 0 32px;
|
padding: 0 32px 20px;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
|
background: #fff;
|
||||||
.totalCount {
|
.totalCount {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
@@ -329,7 +329,9 @@ export default {
|
|||||||
.bottomInput {
|
.bottomInput {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
z-index: 11;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
background: #fff;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|||||||
Reference in New Issue
Block a user