Pārlūkot izejas kodu

网页框架样式

tanxue 4 gadi atpakaļ
vecāks
revīzija
8da2d3c0cd

+ 10 - 0
assets/scss/cus-client/cus-client-common.scss

@@ -117,10 +117,17 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 
 
 /************************ 网站公共class样式 author: TX  date:2020-07-30 **********************/
+/* 网站框架 */
+.website-frame{
+  font-family: "Helvetica Neue", Helvetica, Arial, "微软雅黑", sans-serif;
+  color: #2C3E50;
+  min-width: 1240px;
+}
 
 /*  网站主体部分 */
 .client-container{width: 1200px;margin: 0 auto;}
 .client-container-middle{width: 960px;margin: 0 auto;}
+
 /* 网站头部导航栏 */
 .client-head{
   width: 100%;
@@ -198,6 +205,9 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
 /* 网站标题 */
 .client-title{ @include setFontStyle(10);color: rgba(0,0,0,0.85);letter-spacing: 0;padding-top: 80px;text-align: center;}
 
+/* 网站副标题 */
+.client-subtitle-title{width: 636px;@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 22px;margin:0 auto;margin-top: 16px;}
+
 /* 网站通用按钮 */
 .client-default-Btn{display: block;@include setFontStyle(-4);background: #2B5CFD;color: rgba(255, 255, 255, 0.85);border-radius: 4px;transition: .3s all linear;text-align: center;}
 .client-default-Btn:hover{background: #2249C9;cursor: pointer;}

+ 1 - 1
layouts/templateA.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="website-frame">
     <mtaheader></mtaheader>
     <div class="nuxt-box">
       <Nuxt />

+ 1 - 1
layouts/templateB.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="website-frame">
     <mtaheader></mtaheader>
     <div class="nuxt-box">
       <Nuxt />