This commit is contained in:
yanran200730
2022-01-07 14:41:21 +08:00
parent 08761601b6
commit 1e8745d648

View File

@@ -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;