✨ feat: 页眉富文本图片宽度适配

hookehuyr
Commit 5390028fe46904be55b7ba7f4994b7e64d80a815 5390028f 1 parent 55fe2da5
Showing 1 changed file with 13 additions and 3 deletions
src/views/index.vue
--- a/src/views/index.vue
View file @5390028
+++ b/src/views/index.vue
View file @5390028
 <!--
  * @Date: 2022-07-18 10:22:22
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2023-02-07 15:07:14
+ * @LastEditTime: 2023-02-08 14:23:31
  * @FilePath: /data-table/src/views/index.vue
  * @Description: 首页
 -->
@@ -28,7 +28,7 @@
           /></van-swipe-item>
         </van-swipe>
       </template>
-      <div v-if="PHeader.type === 'text'" style="padding: 1rem; font-weight: bold; white-space:pre;" v-html="PHeader.banner" />
+      <div v-if="PHeader.type === 'text'" class="PHeader-Text" v-html="PHeader.banner" />
     </template>
     <div v-if="PHeader.label" class="table-title" v-html="PHeader.label" />
     <div v-if="PHeader.description" class="table-desc" v-html="PHeader.description" />
@@ -489,7 +489,7 @@ const onSubmit = async (values) => {
 };
 </script>
-<style lang="less" scoped>
+<style lang="less">
 .table-title {
   padding: 1rem;
   font-size: 1.15rem;
@@ -501,6 +501,10 @@ const onSubmit = async (values) => {
   color: #666;
   font-size: 0.9rem;
   white-space: pre;
+
+  img {
+    width: 100%;
+  }
 }
 .table-box {
   background-color: #ffffff;
@@ -533,6 +537,12 @@ const onSubmit = async (values) => {
   }
 }
+.PHeader-Text {
+  padding: 1rem;
+  font-weight: bold;
+  white-space:pre;
+}
+
 // :deep(.van-icon) { // 处理正式服务器上箭头上下位移问题
 //   font-size: var(--van-cell-icon-size);
 //   line-height: var(--van-cell-line-height);