{"version":3,"file":"default.4051843e.js","sources":["../../../../assets/img/logo.png","../../../../components/header.vue","../../../../components/footer.vue"],"sourcesContent":["export default \"__VITE_ASSET__ab211233__\"","<template>\r\n  <div style=\"height: 90px;\">\r\n    <header>\r\n    <div class=\"header-main\">\r\n      <nuxt-link to=\"/\">\r\n        <img class=\"logo-img\" src=\"../assets/img/logo.png\" alt=\"logo\">\r\n      </nuxt-link>\r\n      <ul class=\"nav\">\r\n        <li v-for=\"(item,index) in navs\" :key=\"index\">\r\n          <nuxt-link :to=\"item.url\">{{ item.title }}</nuxt-link>\r\n          <ul class=\"sub-nav\" v-if=\"item.children\">\r\n            <li class=\"sub-nav-item\" v-for=\"(son,i) in item.children\" :key=\"i\">\r\n              <nuxt-link :to=\"son.url\">\r\n                {{ son.title }}\r\n              </nuxt-link>\r\n              <!--<ul class=\"sub-sub-nav\" v-if=\"son.children\">\r\n                <li class=\"sub-sub-nav-item\" v-for=\"(cate,cateIndex) in son.children\" :key=\"cateIndex\" v-show=\"!cate.isShow\">\r\n                  <nuxt-link :to=\"cate.url\">{{ cate.title }}</nuxt-link>\r\n                </li>\r\n              </ul>-->\r\n            </li>\r\n          </ul>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </header>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { nav } from '@/data/data'\r\nimport type { navItem } from '@/data/data'\r\nconst navs = reactive<Array<navItem>>(nav)\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\nheader\r\n  width 100%\r\n  background #061a1f\r\n  opacity .9\r\n  position fixed\r\n  z-index 10\r\n  .header-main\r\n    max-width 1510px\r\n    min-width 1280px\r\n    height 100%\r\n    margin auto\r\n    padding 0 50px\r\n    box-sizing border-box\r\n    display flex\r\n    align-items center\r\n    justify-content space-between\r\n    .logo-img\r\n      aspect-ratio: auto 300 / 100\r\n      height 88px\r\n    .nav\r\n      height 100%\r\n      display flex\r\n      &>li\r\n        line-height 88px\r\n        color #AAA\r\n        font-weight 500\r\n        font-size 16px\r\n        position relative\r\n        &>.router-link-active\r\n          border-bottom 3px solid #1E8BAC\r\n          box-sizing border-box\r\n          color #3B3B3B!important\r\n        &:hover > a\r\n          color #3B3B3B\r\n          border-bottom 3px solid #1E8BAC\r\n          box-sizing border-box\r\n        &>a\r\n          transition display 0.3s linear\r\n          display inline-block\r\n          padding 0 18px\r\n          height 100%\r\n          color inherit\r\n        &:hover .sub-nav\r\n          display block\r\n        .sub-nav\r\n          display none\r\n          background #061a1f\r\n          position absolute\r\n          margin-top -3px\r\n          left 0\r\n          min-width 320px\r\n          border-top 3px solid #1E8BAC\r\n          line-height 40px\r\n          font-size 14px\r\n          box-sizing border-box\r\n          .sub-nav-item\r\n            box-sizing border-box\r\n            padding 0 20px\r\n            position relative\r\n            &:hover\r\n              background #1E8BAC\r\n              color #FFF\r\n              &>a\r\n                display inline-block\r\n                height 100%\r\n                width 100%\r\n                color #FFF\r\n              .sub-sub-nav\r\n                display block\r\n            .sub-sub-nav\r\n              display none\r\n              background #061a1f\r\n              min-width 250px\r\n              position absolute\r\n              right 100%\r\n              top 0\r\n              &-item\r\n                padding 0 20px\r\n                &:hover\r\n                  background #1E8BAC\r\n                  a\r\n                    color #FFF\r\n                    display inline-block\r\n                    height 100%\r\n\r\n\r\n</style>\r\n","<template>\r\n  <footer>\r\n    <div class=\"footer-main\">\r\n      <div class=\"nav logo\">\r\n        <nuxt-link to=\"/\">\r\n          <img class=\"logo-img\" src=\"../assets/img/logo.png\" alt=\"logo\" width=\"180\">\r\n        </nuxt-link>\r\n      </div>\r\n      <div class=\"nav product\">\r\n        <h1>Products</h1>\r\n        <ul class=\"nav-menu product-menu\">\r\n          <li class=\"nav-item\" v-for=\"(product,index) in footerProducts\" :key=\"index\">\r\n            <nuxt-link :to=\"product.url\">\r\n              {{ product.title }}\r\n            </nuxt-link>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"nav navigation\">\r\n        <h1>Navigation</h1>\r\n        <ul class=\"nav-menu\">\r\n          <li class=\"nav-item\">\r\n            <nuxt-link to=\"/about-us\">\r\n              About Us\r\n            </nuxt-link>\r\n          </li>\r\n          <!--<li class=\"nav-item\">-->\r\n          <!--  <nuxt-link to=\"/about-us/factory-production\">-->\r\n          <!--    Factory Production-->\r\n          <!--  </nuxt-link>-->\r\n          <!--</li>-->\r\n          <!--<li class=\"nav-item\">-->\r\n          <!--  <nuxt-link to=\"/about-us/quality-control-ability\">-->\r\n          <!--    Quality Control Ability-->\r\n          <!--  </nuxt-link>-->\r\n          <!--</li>-->\r\n          <li class=\"nav-item\">\r\n            <nuxt-link to=\"/news\">\r\n              News\r\n            </nuxt-link>\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            <nuxt-link to=\"/download\">\r\n              Download\r\n            </nuxt-link>\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            <nuxt-link to=\"/about-us/faq\">\r\n              FAQ\r\n            </nuxt-link>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n      <div class=\"nav contact\">\r\n        <h1>Contact Us</h1>\r\n        <ul class=\"nav-menu\">\r\n          <li class=\"nav-item\">\r\n            Telephone: 0086 (717) 6985355\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            Fax: 0086 (717) 6985355\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            Mobile: 0086 13657179347\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            Whatsapp: 0086 13657179347\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            <nuxt-link to=\"Skype:rch.intl?chat\">\r\n              Skype: rch.intl\r\n            </nuxt-link>\r\n          </li>\r\n          <li class=\"nav-item\">\r\n            <nuxt-link to=\"mailto:info@rchintl.com\">\r\n              E-mail: info@rchocean.com\r\n            </nuxt-link>\r\n          </li>\r\n          <li class=\"social-list\">\r\n            <nuxt-link to=\"https://www.facebook.com/profile.php?id=100090939108520\" target=\"_blank\" title=\"Facebook\">\r\n              <i class=\"iconfont icon-facebook\" style=\"font-size: 25px\"/>\r\n            </nuxt-link>\r\n            <nuxt-link to=\"https://twitter.com/RachelT36570346\" target=\"_blank\" title=\"Twitter\">\r\n              <i class=\"iconfont icon-tuite\" style=\"font-size: 25px\"/>\r\n            </nuxt-link>\r\n            <nuxt-link to=\"https://www.linkedin.com/in/rachel-tong-94381926a\" target=\"_blank\" title=\"Linkedin\">\r\n              <i class=\"iconfont icon-lingying\" style=\"font-size: 25px\"/>\r\n            </nuxt-link>\r\n            <nuxt-link to=\"https://www.youtube.com/channel/UCgZQv22pRmTKVTHvYlEOQKw\" target=\"_blank\" title=\"Youtube\">\r\n              <i class=\"iconfont icon-youtube\" style=\"font-size: 25px\"/>\r\n            </nuxt-link>\r\n            <nuxt-link to=\"Skype:rch.intl?chat\" title=\"Skype\">\r\n              <i class=\"iconfont icon-skype\" style=\"font-size: 25px\"/>\r\n            </nuxt-link>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <div class=\"copyright\">Copyright 2023 RCH Electronic | All Rights Reserved</div>\r\n  </footer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport { footerProducts,nav } from '@/data/data'\r\nimport type { navItem } from '@/data/data'\r\n\r\n// const productList = reactive<Array<navItem>>(footerProducts)\r\n\r\nconst navs = reactive<navItem[]>(nav.slice(1))\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\nfooter\r\n  width 100%\r\n  background #181818\r\n  color: #FFF\r\n  .footer-main\r\n    text-align left\r\n    max-width 1510px\r\n    min-width 1280px\r\n    height 100%\r\n    margin auto\r\n    padding 30px 50px 50px\r\n    box-sizing border-box\r\n    display flex\r\n    .nav\r\n      &>h1\r\n        font-weight 600\r\n        font-size 18px\r\n      .nav-menu\r\n        margin-top 30px\r\n        .nav-item\r\n          line-height 30px\r\n          color #AAA\r\n          &:hover>a\r\n            color #1e8bac\r\n        .social-list\r\n          margin-top 8px\r\n          &>a\r\n            height: 30px\r\n            width: 30px\r\n            display inline-block\r\n            line-height 30px\r\n            text-align center\r\n            transition .4s\r\n            &:nth-child(1):hover\r\n              background #37589b\r\n              color #FFF\r\n            &:nth-child(2):hover\r\n              background #46d4fe\r\n              color #FFF\r\n            &:nth-child(3):hover\r\n              background #419cca\r\n              color #FFF\r\n            &:nth-child(4):hover\r\n              background #a72b1d\r\n              color #FFF\r\n            &:nth-child(5):hover\r\n              background #12a5f4\r\n              color #FFF\r\n      .product-menu\r\n        height 210px\r\n        display flex\r\n        flex-direction column\r\n        flex-wrap wrap\r\n    .logo\r\n      flex 1\r\n    .navigation\r\n      flex 1\r\n      padding-left 120px\r\n    .product\r\n      flex 1\r\n      padding-left 60px\r\n    .contact\r\n      flex 1\r\n      display flex\r\n      flex-direction column\r\n      align-items flex-start\r\n  .copyright\r\n    box-sizing border-box\r\n    width 100%\r\n    background #000\r\n    padding 20px\r\n    text-align center\r\n    font-size 12px\r\n</style>\r\n"],"names":["_imports_0","navs","reactive","nav"],"mappings":"mUAAA,MAAAA,EAAA,GAAA,IAAA,IAAA,oBAAA,YAAA,GAAA,EAAA,qOCgCA,MAAAC,EAAAC,EAAAC,CAAA,o3DC2EA,OAAAD,EAAAC,EAAA,MAAA,CAAA,CAAA"}