@hbisty/qj-common 5.0.4 → 5.0.6

package/src/views/pc/default/assets/flex.scss

@@ -1,100 +1,100 @@
-// flex
-.flex {
-    display: flex;
-    display: -webkit-flex;
-
-    //flex-direction
-    &-direction {
-        &--row {
-            flex-direction: row;
-        }
-
-        &--row-reverse {
-            flex-direction: row-reverse;
-        }
-
-        &--column {
-            flex-direction: column;
-        }
-
-        &--column-reverse {
-            flex-direction: column-reverse;
-        }
-    }
-
-    //flex-warp
-    &-wrap {
-        &--nowrap {
-            flex-wrap: nowrap;
-        }
-
-        &--wrap {
-            flex-wrap: wrap;
-        }
-
-        &--wrap-reverse {
-            flex-wrap: wrap-reverse;
-        }
-    }
-}
-
-// justify-content
-$justify-content--array: flex-start,
-flex-end,
-center,
-space-between,
-space-around;
-
-//justify-content
-.justify-content {
-    @for $i from 1 through length($justify-content--array) {
-        $item: nth($justify-content--array, $i);
-
-        &--#{$item} {
-            justify-content: $item;
-        }
-    }
-}
-
-// align-items
-$align-items--array: flex-start,
-flex-end,
-center,
-baseline,
-stretch;
-
-.align-items {
-    @for $i from 1 through length($align-items--array) {
-        $item: nth($align-items--array, $i);
-
-        &--#{$item} {
-            align-items: $item;
-        }
-    }
-}
-
-// align-content
-$align-content--array: flex-start,
-flex-end,
-center,
-space-between,
-space-around,
-stretch;
-
-.align-content {
-    @for $i from 1 through length($align-content--array) {
-        $item: nth($align-content--array, $i);
-
-        &--#{$item} {
-            align-content: $item;
-        }
-    }
-}
-
-//flex
-
-@for $var from 1 to 5 {
-    .flex-item#{$var} {
-        flex: $var;
-    }
+// flex
+.flex {
+    display: flex;
+    display: -webkit-flex;
+
+    //flex-direction
+    &-direction {
+        &--row {
+            flex-direction: row;
+        }
+
+        &--row-reverse {
+            flex-direction: row-reverse;
+        }
+
+        &--column {
+            flex-direction: column;
+        }
+
+        &--column-reverse {
+            flex-direction: column-reverse;
+        }
+    }
+
+    //flex-warp
+    &-wrap {
+        &--nowrap {
+            flex-wrap: nowrap;
+        }
+
+        &--wrap {
+            flex-wrap: wrap;
+        }
+
+        &--wrap-reverse {
+            flex-wrap: wrap-reverse;
+        }
+    }
+}
+
+// justify-content
+$justify-content--array: flex-start,
+flex-end,
+center,
+space-between,
+space-around;
+
+//justify-content
+.justify-content {
+    @for $i from 1 through length($justify-content--array) {
+        $item: nth($justify-content--array, $i);
+
+        &--#{$item} {
+            justify-content: $item;
+        }
+    }
+}
+
+// align-items
+$align-items--array: flex-start,
+flex-end,
+center,
+baseline,
+stretch;
+
+.align-items {
+    @for $i from 1 through length($align-items--array) {
+        $item: nth($align-items--array, $i);
+
+        &--#{$item} {
+            align-items: $item;
+        }
+    }
+}
+
+// align-content
+$align-content--array: flex-start,
+flex-end,
+center,
+space-between,
+space-around,
+stretch;
+
+.align-content {
+    @for $i from 1 through length($align-content--array) {
+        $item: nth($align-content--array, $i);
+
+        &--#{$item} {
+            align-content: $item;
+        }
+    }
+}
+
+//flex
+
+@for $var from 1 to 5 {
+    .flex-item#{$var} {
+        flex: $var;
+    }
 }

package/src/views/pc/default/footer-modules/DgFooter/index.vue

@@ -1,179 +1,179 @@
-<template>
-  <div class="dgFooter">
-    <div class="dgFooter-wrap">
-      <div class="dgFooter-floor flex-between">
-        <div class="character">
-          <img class="character-img" :src="require('./images/icon-ppbz.png')" alt="" />
-          <div class="character-info">
-            <span>品牌保障</span>
-            <!-- <span class="character-info_tip">6666666666666666</span> -->
-          </div>
-        </div>
-        <div class="character">
-          <img class="character-img" :src="require('./images/icon-hhyj.png')" alt="" />
-          <div class="character-info">
-            <span>好货云集</span>
-            <!-- <span class="character-info_tip">6666666666666666</span> -->
-          </div>
-        </div>
-        <div class="character">
-          <img class="character-img" :src="require('./images/icon-plqq.png')" alt="" />
-          <div class="character-info">
-            <span>品类齐全</span>
-            <!-- <span class="character-info_tip">6666666666666666</span> -->
-          </div>
-        </div>
-        <div class="character">
-          <img class="character-img" :src="require('./images/icon-hyzx.png')" alt="" />
-          <div class="character-info">
-            <span>会员专享</span>
-            <!-- <span class="character-info_tip">6666666666666666</span> -->
-          </div>
-        </div>
-      </div>
-      <div class="dgFooter-floor flex-between" v-if="footerList.length">
-        <dl class="list" v-for="item in footerList" :key="item.tginfoMenuId">
-          <dt>{{ item.tginfoMenuName }}</dt>
-          <dd v-for="v in item.children" :key="v.tginfoMenuId" @click="linkTo(v.menuOpcode)">
-            {{ v.tginfoMenuName }}
-          </dd>
-        </dl>
-      </div>
-      <div class="dgFooter-floor">
-        <ul class="list-copyright" v-if="copyrightList">
-          <li v-for="item in copyrightList.cmsDoclistReDomainBeans" :key="item.doclistId">
-            <a :href="`${secDomainName}/paas/pc-mall/index.html#/noticeInformationDetails?noticeId=${item.doclistId}`">{{ item.doclistTitleNew }}</a>
-          </li>
-        </ul>
-        <div class="copyright">Copyright© 广州中国南方电网有限公司版权所有 粤ICP备00000000号</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { getDgTagInfo } from '#/api/shopFbu';
-export default {
-  name: 'DgFooter',
-  data() {
-    return {
-      footerList: [],
-      copyrightList: null,
-      secDomainName:null
-    };
-  },
-  created() {
-    this.getFooterList();
-  },
-   mounted() {
-    setTimeout(()=>{
-      this.secDomainName = sessionStorage.getItem('secDomainName')
-    },50)
-  },
-  methods: {
-    linkTo(url) {
-      if (url) {
-        location.href = `${this.secDomainName}/paas/pc-mall/index.html#/noticeInformationList?tginfoMenuCode=${url}`;
-      }
-    },
-    getFooterList() {
-      getDgTagInfo({
-        tginfoCode: '422893738314956800',
-      }).then((res) => {
-        if (res && res.list) {
-          this.footerList = res.list.filter((v) => {
-            return !v.tginfoMenuName.includes('底部信息');
-          });
-          this.copyrightList = res.list.find((v) => {
-            return v.tginfoMenuName.includes('底部信息');
-          });
-        }
-      });
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.dgFooter {
-  background-color: #445268;
-  color: #fff;
-  font-size: 14px;
-  &-wrap {
-    margin: 0 auto;
-    width: 1200px;
-  }
-  &-floor {
-    padding: 40px 0;
-    border-bottom: 1px solid #979797;
-    &:last-of-type {
-      border-bottom: none;
-    }
-  }
-  .flex-between {
-    display: flex;
-    justify-content: space-between;
-  }
-  .list {
-    white-space: nowrap;
-    margin-right: 5px;
-    &:last-of-type {
-      margin-bottom: 0;
-    }
-    & > dt {
-      margin-bottom: 10px;
-      font-size: 18px;
-      line-height: 24px;
-      font-weight: 600;
-    }
-    & > dd {
-      margin-bottom: 10px;
-      font-size: 14px;
-      line-height: 20px;
-      cursor: pointer;
-      &:last-of-type {
-        margin-bottom: 0;
-      }
-    }
-  }
-  .character {
-    display: flex;
-    min-width: 200px;
-    &-img {
-      height: 52px;
-    }
-    &-info {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      padding-left: 16px;
-      font-size: 18px;
-      line-height: 24px;
-      &_tip {
-        margin-top: 8px;
-        font-size: 12px;
-        line-height: 16px;
-      }
-    }
-  }
-
-  .list-copyright {
-    display: flex;
-    justify-content: center;
-    margin-bottom: 12px;
-    & > li {
-      padding: 0 36px;
-      line-height: 14px;
-      &:not(:last-of-type) {
-        border-right: 1px solid #fff;
-      }
-      a {
-        color: #fff;
-      }
-    }
-  }
-  .copyright {
-    text-align: center;
-  }
-}
-</style>
+<template>
+  <div class="dgFooter">
+    <div class="dgFooter-wrap">
+      <div class="dgFooter-floor flex-between">
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-ppbz.png')" alt="" />
+          <div class="character-info">
+            <span>品牌保障</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-hhyj.png')" alt="" />
+          <div class="character-info">
+            <span>好货云集</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-plqq.png')" alt="" />
+          <div class="character-info">
+            <span>品类齐全</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+        <div class="character">
+          <img class="character-img" :src="require('./images/icon-hyzx.png')" alt="" />
+          <div class="character-info">
+            <span>会员专享</span>
+            <!-- <span class="character-info_tip">6666666666666666</span> -->
+          </div>
+        </div>
+      </div>
+      <div class="dgFooter-floor flex-between" v-if="footerList.length">
+        <dl class="list" v-for="item in footerList" :key="item.tginfoMenuId">
+          <dt>{{ item.tginfoMenuName }}</dt>
+          <dd v-for="v in item.children" :key="v.tginfoMenuId" @click="linkTo(v.menuOpcode)">
+            {{ v.tginfoMenuName }}
+          </dd>
+        </dl>
+      </div>
+      <div class="dgFooter-floor">
+        <ul class="list-copyright" v-if="copyrightList">
+          <li v-for="item in copyrightList.cmsDoclistReDomainBeans" :key="item.doclistId">
+            <a :href="`${secDomainName}/paas/pc-mall/index.html#/noticeInformationDetails?noticeId=${item.doclistId}`">{{ item.doclistTitleNew }}</a>
+          </li>
+        </ul>
+        <div class="copyright">Copyright© 广州中国南方电网有限公司版权所有 粤ICP备00000000号</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDgTagInfo } from '#/api/shopFbu';
+export default {
+  name: 'DgFooter',
+  data() {
+    return {
+      footerList: [],
+      copyrightList: null,
+      secDomainName:null
+    };
+  },
+  created() {
+    this.getFooterList();
+  },
+   mounted() {
+    setTimeout(()=>{
+      this.secDomainName = sessionStorage.getItem('secDomainName')
+    },50)
+  },
+  methods: {
+    linkTo(url) {
+      if (url) {
+        location.href = `${this.secDomainName}/paas/pc-mall/index.html#/noticeInformationList?tginfoMenuCode=${url}`;
+      }
+    },
+    getFooterList() {
+      getDgTagInfo({
+        tginfoCode: '422893738314956800',
+      }).then((res) => {
+        if (res && res.list) {
+          this.footerList = res.list.filter((v) => {
+            return !v.tginfoMenuName.includes('底部信息');
+          });
+          this.copyrightList = res.list.find((v) => {
+            return v.tginfoMenuName.includes('底部信息');
+          });
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.dgFooter {
+  background-color: #445268;
+  color: #fff;
+  font-size: 14px;
+  &-wrap {
+    margin: 0 auto;
+    width: 1200px;
+  }
+  &-floor {
+    padding: 40px 0;
+    border-bottom: 1px solid #979797;
+    &:last-of-type {
+      border-bottom: none;
+    }
+  }
+  .flex-between {
+    display: flex;
+    justify-content: space-between;
+  }
+  .list {
+    white-space: nowrap;
+    margin-right: 5px;
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+    & > dt {
+      margin-bottom: 10px;
+      font-size: 18px;
+      line-height: 24px;
+      font-weight: 600;
+    }
+    & > dd {
+      margin-bottom: 10px;
+      font-size: 14px;
+      line-height: 20px;
+      cursor: pointer;
+      &:last-of-type {
+        margin-bottom: 0;
+      }
+    }
+  }
+  .character {
+    display: flex;
+    min-width: 200px;
+    &-img {
+      height: 52px;
+    }
+    &-info {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      padding-left: 16px;
+      font-size: 18px;
+      line-height: 24px;
+      &_tip {
+        margin-top: 8px;
+        font-size: 12px;
+        line-height: 16px;
+      }
+    }
+  }
+
+  .list-copyright {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 12px;
+    & > li {
+      padding: 0 36px;
+      line-height: 14px;
+      &:not(:last-of-type) {
+        border-right: 1px solid #fff;
+      }
+      a {
+        color: #fff;
+      }
+    }
+  }
+  .copyright {
+    text-align: center;
+  }
+}
+</style>