1

jhzh

2024-11-07 cae18e9d823f9b07b22af8804790ec30b45cf27b

 src/page/home/new_service.vue

@@ -7,36 +7,57 @@
      </div>
      <div class="top_box_right">{{$t('top_s')}}</div>
   </div>
   <div class="bot_box">
   <div class="bot_box" @click="gotoservice(onlineService)">
      <div class="bot_box_img">
         <img class="bot_box_img_img" src="../../assets/img/duanxin.png"/>
      </div>
      <div class="bot_box_txt">
         <div class="bot_box_txt_top">{{$t('hj16')}}</div>
         <div class="bot_box_txt_bottom">zhuq0911@gmail.com</div>
         <textarea class="bot_box_txt_bottom" style="    border: none;
    overflow: hidden;">{{onlineService}}</textarea>
      </div>
   </div>
   <div class="bot_box" @click="gotoservice()">
   <div class="bot_box" @click="gotoservice('https://wa.me/916390067988')">
      <div class="bot_box_img">
         <img class="bot_box_img_img" style="width: 50px;height: 50px;" src="../../assets/img/phone.png"/>
         <img class="bot_box_img_img"  src="../../assets/img/wsapp.png"/>
      </div>
      <div class="bot_box_txt">
         <div  class="bot_box_txt_top">Telegram</div>
         <div class="bot_box_txt_bottom">{{$t('tips_sb')}}</div>
         <div  class="bot_box_txt_top">WhatsApp</div>
         <div class="bot_box_txt_bottom">https://wa.me/916390067988</div>
      </div>
   </div>
  <div class="bot_box" @click="gotoservice('https://wa.me/918981249425')">
     <div class="bot_box_img">
        <img class="bot_box_img_img"  src="../../assets/img/wsapp.png"/>
     </div>
     <div class="bot_box_txt">
        <div  class="bot_box_txt_top">WhatsApp</div>
        <div class="bot_box_txt_bottom">https://wa.me/918981249425</div>
     </div>
  </div>
  <div class="bot_box" @click="gotoservice('https://wa.me/919547892243')">
     <div class="bot_box_img">
        <img class="bot_box_img_img"  src="../../assets/img/wsapp.png"/>
     </div>
     <div class="bot_box_txt">
        <div  class="bot_box_txt_top">WhatsApp</div>
        <div class="bot_box_txt_bottom">https://wa.me/919547892243</div>
     </div>
  </div>
   <div style="margin-bottom: 150px;"></div>
  </div>
</template>
 

<script>
  import * as api from "@/axios/api";
import headers from "../login/components/header.vue";
export default {
  data() {
    return {
      onlineService:'',
     loginWay:this.$t('zc'),
      policyContent: ''
	  

    };
  },
  components: {
@@ -44,21 +65,37 @@
  },
  mounted() {
    this.loadPolicy();
    this.getInfoSite()
  },
  methods: {
    loadPolicy() {
      // 假设你有一个方法来加载隐私政策内容
      this.policyContent = '';
    },
   gotoservice(){
    async getInfoSite() {
      let data = await api.getInfoSite();
      if (data.status === 0) {
        this.onlineService = data.data.onlineService;
        console.log(this.onlineService, 'this.onlineService');
      } else {
        this.$store.commit("elAlertShow", {
          elAlertShow: true,
          elAlertText: data.msg,
        });
      }
    },
   gotoservice(e){
      // this.$router.push('/service')
      window.location.href = 'https://t.me/FidelitySecuritiesGrou'
      window.location.href = e
   }
  }
};
</script>
 

<style scoped>
  .bot_box_txt_bottom{
    margin-right: 20px;
  }
   .bot_box_txt_top{
      font-weight: 600;
      font-size: 24px;
@@ -66,6 +103,7 @@
   }
   .bot_box_txt{
      display: flex;
    width: 80%;
      justify-content: center;
      flex-direction: column;
      margin-left: 20px;
@@ -79,7 +117,7 @@
      height: 80px;
   }
   .bot_box{
      width: 94%;
      /* width: 94%; */
      margin-left: 3%;
      background-color: #fff;
      margin-top: 30px;
@@ -133,4 +171,4 @@
  margin: 0 auto;
  padding: 20px;
}
</style>
</style>