css

project/fengdu/app/AppLearning/components/Detail.vue

@@ -5,9 +5,10 @@
       </ai-title>
     </template>
     <template slot="content">
-      <ai-card :title="info.content">
+      <ai-card title="基本信息">
-        <div slot="right" class="right-text">{{info.createUserName}}发布于{{info.createTime}} <span>已有{{info.answerCount || 0}}个回答</span></div>
         <template #content>
+          <p class="title">{{info.content}}</p>
+          <div class="title-text">{{info.createUserName}}发布于{{info.createTime}} <span>已有{{info.answerCount || 0}}个回答</span></div>
           <div class="item" v-for="(item, index) in info.answers" :key="index">
             <div class="flex">
               <img :src="item.createUserAvatar" alt="">
@@ -64,8 +65,15 @@
 </script>
 
 <style scoped lang="scss">
-.right-text {
+.title {
+  font-size: 22px;
+  font-weight: 700;
+  line-height: 44px;
+  word-break: break-all;
+}
+.title-text {
   color: #999!important;
+  margin-bottom: 24px;
   span {
     margin-left: 8px;
   }
@@ -83,8 +91,8 @@
     }
     h3 {
       line-height: 40px;
-      font-size: 30px;
+      font-size: 20px;
-      font-weight: 700;
+      font-weight: 400;
       margin-bottom: 10px;
     }
   }