| | |
| | | <include file="common:title" /> |
| | | <include file="common:element-plus" /> |
| | | <link rel="stylesheet" href="/static/home/css/index/index.css?x=3"> |
| | | <link rel="stylesheet" type="text/css" href="/static/home/assets/css/bootstrap.min.css" /> |
| | | <link rel="stylesheet" type="text/css" href="/static/home/venobox/venobox.css" /> |
| | | <link rel="stylesheet" type="text/css" href="/static/home/assets/css/plugin_theme_css.css" /> |
| | | <link rel="stylesheet" type="text/css" href="/static/home/style.css" /> |
| | | <link rel="stylesheet" type="text/css" href="/static/home/assets/css/responsive.css" /> |
| | | <!-- modernizr js --> |
| | | <script src="/static/home/assets/js/vendor/modernizr-2.8.3.min.js"></script> |
| | | <include file="common:html-header" /> |
| | | </head> |
| | | |
| | | <body> |
| | |
| | | <div class="single_image_area"> |
| | | <div class="single_image single_line_option "> |
| | | <!-- image --> |
| | | <img src="/static/home/assets/images/about-img.png" alt="image"> |
| | | <img src="/static/home/images/img-1.png" alt="image"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- service area2 --> |
| | | <!-- 我们的服务 --> |
| | | <div class="itpart_service_area2"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <!-- image --> |
| | | <div class="witr_service2_image"> |
| | | <img src="/static/home/assets/images/service1.jpg" alt="image"> |
| | | <div class="wbutton_top_service_icon"> |
| | | <!-- <div class="wbutton_top_service_icon"> |
| | | <a href=""> |
| | | <span class="ti-arrow-right"></span> |
| | | </a> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="witr_servicetwo_text"> |
| | | <div class="witr_service2_icon_bottom"> |
| | |
| | | <!-- image --> |
| | | <div class="witr_service2_image"> |
| | | <img src="/static/home/assets/images/service-2.jpg" alt="image"> |
| | | <div class="wbutton_top_service_icon"> |
| | | <!-- <div class="wbutton_top_service_icon"> |
| | | <a href=""> |
| | | <span class="ti-arrow-right"></span> |
| | | </a> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="witr_servicetwo_text"> |
| | | <div class="witr_service2_icon_bottom"> |
| | |
| | | <!-- image --> |
| | | <div class="witr_service2_image"> |
| | | <img src="/static/home/assets/images/service-3.jpg" alt="image"> |
| | | <div class="wbutton_top_service_icon"> |
| | | <!-- <div class="wbutton_top_service_icon"> |
| | | <a href=""> |
| | | <span class="ti-arrow-right"></span> |
| | | </a> |
| | | </div> |
| | | </div> --> |
| | | </div> |
| | | <div class="witr_servicetwo_text"> |
| | | <div class="witr_service2_icon_bottom"> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- counter up area --> |
| | | <!-- 数据展示 --> |
| | | <div class="counter_up_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <h2>{{ $t('message.home.text-32') }}</h2> |
| | | <!-- title middle --> |
| | | <h3>{{ $t('message.home.text-33') }}</h3> |
| | | <!-- title bottom --> |
| | | <h1>{{ $t('message.home.text-32') }}</h1> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <!-- <span></span> --> |
| | | </div> |
| | | </div> <!-- team sec --> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- working proces area --> |
| | | |
| | | <!-- 我们的工作流程 --> |
| | | <div class="working_proces_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <div class="row"> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <div class="twr_form_box"> |
| | | <input type="text" name="name" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.name')"> |
| | | <input type="text" name="name" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.name')" v-model="form.name"> |
| | | </div> |
| | | </div> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <div class="twr_form_box"> |
| | | <input type="email" name="email" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" :placeholder="$t('message.common.email')"> |
| | | <input type="email" name="email" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" :placeholder="$t('message.common.email')" v-model="form.email"> |
| | | </div> |
| | | </div> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <div class="twr_form_box"> |
| | | <input type="number" name="number" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control" :placeholder="$t('message.common.phone')"> |
| | | <input type="number" name="number" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control" :placeholder="$t('message.common.phone')" v-model="form.phone"> |
| | | </div> |
| | | </div> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <div class="twr_form_box"> |
| | | <input type="text" name="subject" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.subject')"> |
| | | <input type="text" name="subject" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.subject')" v-model="form.subject"> |
| | | </div> |
| | | </div> |
| | | <div class="col-lg-12 col-md-12"> |
| | | <div class="twr_form_box "> |
| | | <textarea name="textarea" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" :placeholder="$t('message.common.message')"></textarea> |
| | | <textarea name="textarea" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" :placeholder="$t('message.common.message')" v-model="form.message"></textarea> |
| | | </div> |
| | | <button type="submit" name="ok" class="btn">{{ $t('message.common.submit') }}</button> |
| | | <button type="button" name="ok" class="btn" @click="submitForm" :disabled="submitDisabled">{{ $t('message.common.submit') }}</button> |
| | | </div> |
| | | <div class="col-lg-12 text-center"> |
| | | <p class="form-messege"></p> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- itpart brand area --> |
| | | <div class="itpart_brand_area"> |
| | | <div class="container"> |
| | |
| | | mixins: [sharedMixin], |
| | | data() { |
| | | return { |
| | | |
| | | form: { |
| | | name: '', |
| | | email: '', |
| | | phone: '', |
| | | subject: '', |
| | | message: '', |
| | | } |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | created() { |
| | | }, |
| | | methods: { |
| | | |
| | | submitForm() { |
| | | var that = this; |
| | | that.submitDisabled = true; |
| | | const loading = this.$loading({ |
| | | lock: true, |
| | | text: '提交中', |
| | | spinner: 'el-icon-loading', |
| | | background: 'rgba(0, 0, 0, 0.2)' |
| | | }); |
| | | let url = "/home/contact/save_message.html"; |
| | | postRequest(url, that.form).then(res => { |
| | | loading.close(); |
| | | if (res.data.code == 200) { |
| | | that.$message({ |
| | | message: res.data.message, |
| | | type: 'success', |
| | | duration: 1000, |
| | | center: true, |
| | | onClose: function () { |
| | | that.form = { |
| | | name: '', |
| | | email: '', |
| | | phone: '', |
| | | subject: '', |
| | | message: '', |
| | | } |
| | | } |
| | | }); |
| | | } else { |
| | | that.submitDisabled = false; |
| | | that.$message({ |
| | | message: res.data.message, |
| | | type: 'error', |
| | | duration: 1500, |
| | | center: true |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | }; |
| | |
| | | app.mount("#vue_item"); |
| | | </script> |
| | | </body> |
| | | <!-- Include All JS --> |
| | | <!-- <script src="/static/home/assets/js/vendor/jquery-3.5.1.min.js"></script> --> |
| | | <script src="/static/home/assets/js/bootstrap.min.js"></script> |
| | | <script src="/static/home/assets/js/isotope.pkgd.min.js"></script> |
| | | <script src="/static/home/assets/js/owl.carousel.min.js"></script> |
| | | <script src="/static/home/assets/js/jquery.nivo.slider.pack.js"></script> |
| | | <script src="/static/home/assets/js/slick.min.js"></script> |
| | | <script src="/static/home/assets/js/imagesloaded.pkgd.min.js"></script> |
| | | <script src="/static/home/venobox/venobox.min.js"></script> |
| | | <script src="/static/home/assets/js/jquery.appear.js"></script> |
| | | <script src="/static/home/assets/js/jquery.knob.js"></script> |
| | | <script src="/static/home/assets/js/BeerSlider.js"></script> |
| | | <script src="/static/home/assets/js/theme-pluginjs.js"></script> |
| | | <script src="/static/home/assets/js/jquery.meanmenu.js"></script> |
| | | <script src="/static/home/assets/js/ajax-mail.js"></script> |
| | | <script src="/static/home/assets/js/theme.js"></script> |
| | | <include file="common:html-css-js" /> |
| | | |
| | | </html> |