@hbisty/qj-common 5.0.4 → 5.0.6

package/src/views/layout/theme/darkBlue/components/Footer.vue

@@ -1,148 +1,148 @@
-<template>
-  <div class="footer-wrap">
-    <div class="top w1200 m0a">
-      <ul class="t-box">
-        <li class="t-box t-box-flex1" v-for="(item,index) in footerInfo" :key="index">
-          <div class="left">
-            <img :src="item.img" alt="">
-          </div>
-          <div class="right">
-            <h4>{{item.title}}</h4>
-            <p>{{item.info}}</p>
-          </div>
-        </li>
-      </ul>
-    </div>
-    <div class="bottm w1200 m0a t-box">
-      <div class="left t-box">
-        <dl class="t-box-flex1" v-for="(item,index) in footer" :key="index">
-          <dt>{{item.title}}</dt>
-          <dd v-for="(info, index1) in item.item" :key="index1">{{info}}</dd>
-        </dl>
-      </div>
-      <div class="right">
-        <img :src="logo" alt="">
-        <p>© 悠福网 2008-2012 上海对外服务有限公司 
-        <p>版权所有  沪ICP备12010602号-1</p>  
-        <p>咨询电话：021-63879900</p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      footerInfo: [
-        {
-          img: require("../assets/f-brand.png"),
-          title: "100%品牌",
-          info: "企业综合福利服务商"
-        },
-        {
-          img: require("../assets/f-reward.png"),
-          title: "100%专业",
-          info: "服务企业  幸福员工"
-        },
-        {
-          img: require("../assets/f-tel.png"),
-          title: "客服电话",
-          info: "400-1962-002"
-        }
-      ],
-      footer: [
-        {
-          title: "新手帮助",
-          item: ["注册登录", "找回密码"]
-        },
-        {
-          title: "交易指南",
-          item: ["结算支付", "订单管理", "福点账户"]
-        },
-        {
-          title: "售后服务",
-          item: ["售后准则", "退货退款", "发票制度"]
-        },
-        {
-          title: "产品介绍",
-          item: ["节假慰问", "生活服务"]
-        },
-        {
-          title: "关于我们",
-          item: ["关于我们", "诚聘英才"]
-        }
-      ],
-      logo: require("../assets/logo1.png")
-    };
-  }
-};
-</script>
-
-<style scoped lang="scss">
-.footer-wrap {
-  width: 100%;
-  background-color: #eeeeee;
-  .top {
-    border-bottom: 1px solid #dddddd;
-    padding: 28px 0 21px;
-    height: 41px;
-    li {
-      justify-content: center;
-    }
-    .left {
-      margin-right: 20px;
-    }
-    .right {
-      h4 {
-        font-size: 18px;
-        font-weight: normal;
-        line-height: 16px;
-        color: #444444;
-      }
-      p {
-        font-size: 14px;
-        font-weight: normal;
-        line-height: 16px;
-        color: #999999;
-        margin-top: 7px;
-      }
-    }
-  }
-  .bottm {
-    padding: 48px 0 40px;
-    .left {
-      padding-left: 110px;
-    }
-    dl {
-      margin-right: 80px;
-    }
-    dt {
-      font-size: 14px;
-      font-weight: normal;
-      line-height: 16px;
-      color: #999999;
-      margin-bottom: 17px;
-    }
-    dd {
-      font-size: 12px;
-      font-weight: normal;
-      line-height: 16px;
-      color: #999999;
-      margin-bottom: 10px;
-    }
-    .right {
-      padding-left: 30px;
-      img {
-        margin-bottom: 10px;
-      }
-      p {
-        font-size: 12px;
-        font-weight: normal;
-        line-height: 18px;
-        color: #999999;
-      }
-    }
-  }
-}
+<template>
+  <div class="footer-wrap">
+    <div class="top w1200 m0a">
+      <ul class="t-box">
+        <li class="t-box t-box-flex1" v-for="(item,index) in footerInfo" :key="index">
+          <div class="left">
+            <img :src="item.img" alt="">
+          </div>
+          <div class="right">
+            <h4>{{item.title}}</h4>
+            <p>{{item.info}}</p>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <div class="bottm w1200 m0a t-box">
+      <div class="left t-box">
+        <dl class="t-box-flex1" v-for="(item,index) in footer" :key="index">
+          <dt>{{item.title}}</dt>
+          <dd v-for="(info, index1) in item.item" :key="index1">{{info}}</dd>
+        </dl>
+      </div>
+      <div class="right">
+        <img :src="logo" alt="">
+        <p>© 悠福网 2008-2012 上海对外服务有限公司 
+        <p>版权所有  沪ICP备12010602号-1</p>  
+        <p>咨询电话：021-63879900</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      footerInfo: [
+        {
+          img: require("../assets/f-brand.png"),
+          title: "100%品牌",
+          info: "企业综合福利服务商"
+        },
+        {
+          img: require("../assets/f-reward.png"),
+          title: "100%专业",
+          info: "服务企业  幸福员工"
+        },
+        {
+          img: require("../assets/f-tel.png"),
+          title: "客服电话",
+          info: "400-1962-002"
+        }
+      ],
+      footer: [
+        {
+          title: "新手帮助",
+          item: ["注册登录", "找回密码"]
+        },
+        {
+          title: "交易指南",
+          item: ["结算支付", "订单管理", "福点账户"]
+        },
+        {
+          title: "售后服务",
+          item: ["售后准则", "退货退款", "发票制度"]
+        },
+        {
+          title: "产品介绍",
+          item: ["节假慰问", "生活服务"]
+        },
+        {
+          title: "关于我们",
+          item: ["关于我们", "诚聘英才"]
+        }
+      ],
+      logo: require("../assets/logo1.png")
+    };
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.footer-wrap {
+  width: 100%;
+  background-color: #eeeeee;
+  .top {
+    border-bottom: 1px solid #dddddd;
+    padding: 28px 0 21px;
+    height: 41px;
+    li {
+      justify-content: center;
+    }
+    .left {
+      margin-right: 20px;
+    }
+    .right {
+      h4 {
+        font-size: 18px;
+        font-weight: normal;
+        line-height: 16px;
+        color: #444444;
+      }
+      p {
+        font-size: 14px;
+        font-weight: normal;
+        line-height: 16px;
+        color: #999999;
+        margin-top: 7px;
+      }
+    }
+  }
+  .bottm {
+    padding: 48px 0 40px;
+    .left {
+      padding-left: 110px;
+    }
+    dl {
+      margin-right: 80px;
+    }
+    dt {
+      font-size: 14px;
+      font-weight: normal;
+      line-height: 16px;
+      color: #999999;
+      margin-bottom: 17px;
+    }
+    dd {
+      font-size: 12px;
+      font-weight: normal;
+      line-height: 16px;
+      color: #999999;
+      margin-bottom: 10px;
+    }
+    .right {
+      padding-left: 30px;
+      img {
+        margin-bottom: 10px;
+      }
+      p {
+        font-size: 12px;
+        font-weight: normal;
+        line-height: 18px;
+        color: #999999;
+      }
+    }
+  }
+}
 </style>