Browse Source

style: 🎨 样式修改

pull/8/head
姜鑫 2 years ago
parent
commit
7e7477e886
  1. 1
      src/assets/scss/base.scss
  2. 4
      src/assets/scss/reset.scss
  3. 7
      src/components/ListItem/ListItem.vue

1
src/assets/scss/base.scss

@ -2,7 +2,6 @@
body, body,
html { html {
line-height: 1;
user-select: none; user-select: none;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
touch-action: none; touch-action: none;

4
src/assets/scss/reset.scss

@ -107,10 +107,6 @@ section {
display: block; display: block;
} }
body {
line-height: 1;
}
blockquote, blockquote,
q { q {
quotes: none; quotes: none;

7
src/components/ListItem/ListItem.vue

@ -7,7 +7,7 @@
<img src="../../assets/images/q.svg" class="size-7" alt="" /> <img src="../../assets/images/q.svg" class="size-7" alt="" />
{{ formatTime(customer.createTime) }} {{ formatTime(customer.createTime) }}
</div> </div>
<ScrollView class="relative h-[356px]" :list="customer.content">
<ScrollView class="scroll relative h-[356px]" :list="customer.content">
<div class="pr-3.5 text-justify !text-24 text-black/50">{{ customer.content }}</div> <div class="pr-3.5 text-justify !text-24 text-black/50">{{ customer.content }}</div>
</ScrollView> </ScrollView>
</div> </div>
@ -16,7 +16,7 @@
<img src="../../assets/images/a.svg" class="size-7" alt="" /> <img src="../../assets/images/a.svg" class="size-7" alt="" />
{{ formatTime(customer.replyTime) }} {{ formatTime(customer.replyTime) }}
</div> </div>
<ScrollView class="relative h-[356px]" observe-image :list="customer.disposeDes">
<ScrollView class="scroll relative h-[356px]" observe-image :list="customer.disposeDes">
<div class="pr-3.5 text-justify !text-24 text-[#333333]"> <div class="pr-3.5 text-justify !text-24 text-[#333333]">
<div v-html="customer.disposeDes"></div> <div v-html="customer.disposeDes"></div>
<div class="flex items-center pt-4 text-20"> <div class="flex items-center pt-4 text-20">
@ -54,4 +54,7 @@ function formatTime(time: string) {
.custom * { .custom * {
font-size: 24px !important; font-size: 24px !important;
} }
.scroll img {
width: 100%;
}
</style> </style>

Loading…
Cancel
Save