分享短信、邮件，分享图标替换，规格书下载

assets/scss/mobileCommon.scss

@@ -64,9 +64,11 @@
         width: 1.5rem;
         height: 1.52rem;
         padding-top: .3rem;
-        img {
+        i {
           margin: 0 auto;
           display: block;
+          font-size: .55rem;
+          width: .54rem;
         }
         span {
           display: block;

components/mobile/MobileHeader.vue

@@ -6,44 +6,47 @@
         <div class="mobile-modal-content" v-if="showDefaultAddr">
           <div>商家地址：深圳市南山区英唐大厦6楼</div>
           <div class="content-line link-url">在线咨询</div>
-          <div>致电：<span class="content-line link-url">0755-96586323</span></div>
+          <div>致电：<a href="tel:0755-96586323" class="content-line link-url">0755-96586323</a></div>
+          <div>邮件：<a href="mailto:yrsc@usoftchina.com" class="content-line link-url">yrsc@usoftchina.com</a></div>
         </div>
         <div class="mobile-modal-content" v-if="!showDefaultAddr">
         <div>商家地址：{{store.enterprise.enAddress || store.enterprise.address}}</div>
         <div class="content-line link-url">在线咨询</div>
-        <div>致电：<span class="content-line link-url">{{store.enterprise.enTel}}</span></div>
+        <div>致电：<a :href="'tel:'+store.enterprise.enTel" class="content-line link-url">{{store.enterprise.enTel}}</a></div>
+          <div>邮件：<a :href="'mailto:'+store.enterprise.enEmail" class="content-line link-url">{{store.enterprise.enEmail}}</a></div>
         </div>
       </div>
       <div class="mobile-share-box" v-if="showShare">
         <div class="share-area">
           <ul>
             <li class="share-item" @click="shareWeChat">
-              <img src="/images/mobile/@2x/share/weChat@2x.png" alt="">
+             <i class="icon-weixin iconfont" style="color: #07af12;"></i>
               <span>微信</span>
             </li>
             <li class="share-item" @click="shareQQ">
-              <img src="/images/mobile/@2x/share/QQ@2x.png" alt="">
+              <i class="icon-qq1 iconfont" style="color: #5872f4;"></i>
               <span>QQ</span>
             </li>
             <li class="share-item" @click="shareWeibo">
-              <img src="/images/mobile/@2x/share/sina@2x.png" alt="">
+              <i class="icon-ff0000 iconfont" style="color: #ff0000;"></i>
               <span>微博</span>
             </li>
             <li class="share-item" @click="shareMessage">
-              <img src="/images/mobile/@2x/share/message@2x.png" alt="">
+              <i class="icon-msnui-msg-invert iconfont" style="color: #25cdb7"></i>
               <span>短信</span>
+              <a href="sms:" class="hide" id="share-sms"></a>
             </li>
             <li class="share-item" @click="shareEmail">
-              <img src="/images/mobile/@2x/share/email@2x.png" alt="">
+              <i class="icon-youjian iconfont" style="height: .57rem;font-size: .41rem;color:#f18215;"></i>
               <span>邮件</span>
-              <a href="mailto:yangc@usoftchina.com" class="hide" id="share-mail"></a>
+              <a href="mailto:" class="hide" id="share-mail"></a>
             </li>
             <li class="share-item" @click="flash">
-              <img src="/images/mobile/@2x/share/flash@2x.png" alt="">
+              <i class="icon-shuaxin iconfont" style="color: #2584cd;"></i>
               <span>刷新</span>
             </li>
             <li class="share-item" @click="copyLink" id="copyLink"  :data-clipboard-text="url">
-              <img src="/images/mobile/@2x/share/copylink@2x.png" alt="">
+              <i class="icon-lianjie iconfont" style="color: #73b0df;"></i>
               <span>复制链接</span>
             </li>
           </ul>
@@ -170,6 +173,7 @@
         this.showShare = false
       },
       shareMessage: function () {
+        document.getElementById('share-sms').click()
       },
       shareEmail: function () {
         document.getElementById('share-mail').click()

components/mobile/brand/ComponentDetail.vue

@@ -292,7 +292,7 @@
       .param-item {
         padding: .19rem .4rem;
         &:nth-child(even) {
-          background: #eee;
+          background: #efeeee;
         }
         .prop-name {
           width: 3.72rem;