feat(icon-ufo): 添加ufo图标

huzhiming
Commit cee230cc9c544e060777840601534c84ac567caf 1 parent 1e449073
Showing 12 changed files with 33 additions and 13 deletions
apps/common/xianyu.js
apps/pages/order/components/confirm/buyer-product.vue
apps/pages/order/components/confirm/product.vue
apps/pages/order/order-detail/components/order-detail-item.vue
apps/pages/order/order-list/components/in-sale-order-item.vue
apps/pages/order/order-list/components/order-item.vue
apps/pages/order/order-logistics-info.vue
apps/pages/order/price-change/entry-detail.vue
apps/pages/order/price-change/no-entry-detail.vue
apps/pages/product/product-detail.vue
apps/pages/zhiming/xianyu-js-sdk.vue
apps/statics/scss/common.scss
--- a/apps/common/xianyu.js
View file @cee230c
+++ b/apps/common/xianyu.js
View file @cee230c
@@ -28,7 +28,7 @@ const xianyu = {
    * @ description: 导航栏右侧自定义按钮 设为关闭
    * @ author: huzhiming
    * @ date: 2019-11-14 16:15:07
-   * @ version: V1.0.5
+   * @ version: v1.0.0
   */
   closeNavRightItem() {
@@ -41,7 +41,7 @@ const xianyu = {
    * @ description: 导航栏右侧自定义按钮 设为可见
    * @ author: huzhiming
    * @ date: 2019-11-05 11:54:24
-   * @ version: V1.0.5
+   * @ version: v1.0.0
   */
   setNavRightItem (shareParam = null, handler) {
     window._xianyuShare = () => {
@@ -64,7 +64,7 @@ const xianyu = {
    * @ description: 配置分享参数进行分享操作
    * @ author: huzhiming
    * @ date: 2019-11-05 10:38:24
-   * @ version: V1.0.5
+   * @ version: v1.0.0
   */
   setXianyuShare (param = {
     shareType: 'activity', // 类型，默认activity
--- a/apps/pages/order/components/confirm/buyer-product.vue
View file @cee230c
+++ b/apps/pages/order/components/confirm/buyer-product.vue
View file @cee230c
@@ -7,7 +7,7 @@
       <div class="product-price">
         <div class="red">¥{{data.goodPrice}}</div>
         <div class="product-name">{{data.productName}}</div>
-        <div class="price">{{data.colorName}}，{{data.sizeName}}</div>
+        <div class="price"><span class='icon-ufo'></span> {{data.colorName}}，{{data.sizeName}}</div>
       </div>
     </div>
     <div v-if="!getLogin" class="no-login-tip">完成“有货”登录授权后将显示商品优惠及运费信息，请先完成登录查看最终支付金额</div>
--- a/apps/pages/order/components/confirm/product.vue
View file @cee230c
+++ b/apps/pages/order/components/confirm/product.vue
View file @cee230c
@@ -5,7 +5,7 @@
     </div>
     <div class="product-price">
       <div class="product-price-wrapper">
-        <div class="price">{{data.colorName}}，{{data.sizeName}}</div>
+        <div class="price"><span class='icon-ufo'></span> {{data.colorName}}，{{data.sizeName}}</div>
         <div class="tip">{{ data.priceType}} <span class="price2">{{data.goodPrice}}</span></div>
         <div v-if="data.priceBidType" class="tip">{{ data.priceBidType}} <span class="price2">{{data.goodBidPrice}}</span></div>
       </div>
--- a/apps/pages/order/order-detail/components/order-detail-item.vue
View file @cee230c
+++ b/apps/pages/order/order-detail/components/order-detail-item.vue
View file @cee230c
@@ -23,6 +23,7 @@
           </p>
         </div>
         <p class="item-spec">
+          <span class='icon-ufo'></span>
           <span>{{ goodsInfo.colorName }},</span>
           <span>{{ goodsInfo.sizeName }}码</span>
         </p>
--- a/apps/pages/order/order-list/components/in-sale-order-item.vue
View file @cee230c
+++ b/apps/pages/order/order-list/components/in-sale-order-item.vue
View file @cee230c
@@ -20,6 +20,7 @@
           {{ goodsInfo.productName }}
         </p>
         <p class="item-spec">
+          <span class="icon-ufo"></span>
           <span v-for="(spec, i) in specList" :key="i">
             {{ spec }}{{ i !== specList.length - 1 ? "," : "" }}
           </span>
@@ -163,4 +164,4 @@ export default {
     }
   }
 }
-</style>
+</style>
--- a/apps/pages/order/order-list/components/order-item.vue
View file @cee230c
+++ b/apps/pages/order/order-list/components/order-item.vue
View file @cee230c
@@ -27,6 +27,7 @@
           </p>
         </div>
         <p class="item-spec">
+          <span class='icon-ufo'></span>
           <span>{{ goodsInfo.colorName }},</span>
           <span>{{ goodsInfo.sizeName }}码</span>
         </p>
--- a/apps/pages/order/order-logistics-info.vue
View file @cee230c
+++ b/apps/pages/order/order-logistics-info.vue
View file @cee230c
@@ -22,6 +22,7 @@
                 <span>
                   {{ logisticInfo.expressCompanyName }}
                 </span>
+                <span class="icon-ufo"></span>
                 <!-- <span class="platform-info">{{ platformName }}</span> -->
               </p>
               <p>
--- a/apps/pages/order/price-change/entry-detail.vue
View file @cee230c
+++ b/apps/pages/order/price-change/entry-detail.vue
View file @cee230c
@@ -11,8 +11,8 @@
           <div class="pro-info">
             <p class="pro-name">{{productInfo.productName}}</p>
             <p class="stock-info">
-<!--              <Logo :text="`有货UFO`" class="logo-wrapper"></Logo>-->
-              <p class="stock-text">{{productInfo.colorName}}, {{productInfo.sizeNum}}个尺码, {{productInfo.storageNum}}个商品库存<p>
+             <!-- <Logo :text="`有货UFO`" class="logo-wrapper"></Logo> -->
+              <p class="stock-text"><span class="icon-ufo"></span> {{productInfo.colorName}}, {{productInfo.sizeNum}}个尺码, {{productInfo.storageNum}}个商品库存<p>
             </p>
           </div>
         </div>
--- a/apps/pages/order/price-change/no-entry-detail.vue
View file @cee230c
+++ b/apps/pages/order/price-change/no-entry-detail.vue
View file @cee230c
@@ -10,7 +10,7 @@
         ></ImgSize>
         <div class="pro-info">
           <p class="pro-name">
-            {{ goodsInfo.colorName }}, {{ goodsInfo.sizeName }}码
+            <span class='icon-ufo'></span> {{ goodsInfo.colorName }}, {{ goodsInfo.sizeName }}码
           </p>
           <p class="stock-info ufo-font">
             最低售价： ¥{{ goodsInfo.leastPrice || "-" }}
--- a/apps/pages/product/product-detail.vue
View file @cee230c
+++ b/apps/pages/product/product-detail.vue
View file @cee230c
@@ -303,7 +303,7 @@ export default {
        * @ description: 配置打开闲鱼导航栏右上角分享按钮 && 配置分享信息 && 上报数据埋点
        * @ author: huzhiming
        * @ date: 2019-11-13 19:58:50
-       * @ version: V1.0.5
+       * @ version: v1.0.0
       */
       this.settingShareHandler();
     });
@@ -719,14 +719,14 @@ export default {
      * @ description: 配置打开闲鱼导航栏右上角分享按钮 && 配置分享信息 && 上报数据埋点
      * @ author: huzhiming
      * @ date: 2019-11-13 20:00:55
-     * @ version: V1.0.5
+     * @ version: v1.0.0
     */
     async settingShareHandler() {
       /*
        * @ description: [数据上报]@hooks: 分享链接进入pv，查看闲鱼淘口令，地址栏会附带shareUserId参数，目前淘口令查看事件未知，后期若知道淘口令打开事件可调整此数据埋点
        * @ author: huzhiming
        * @ date: 2019-11-13 20:36:00
-       * @ version: V1.0.5
+       * @ version: v1.0.0
       */
       if ( get(this.$route,'query.shareUserId','') !='' ) {
         this.$store.dispatch('reportYas', {
--- a/apps/pages/zhiming/xianyu-js-sdk.vue
View file @cee230c
+++ b/apps/pages/zhiming/xianyu-js-sdk.vue
View file @cee230c
@@ -4,7 +4,7 @@
  * @author: huzhiming
  * @date: 2019-11-04 18:02:07
  * @后台人员:
- * @version: V1.0.5
+ * @version: v1.0.0
  * @path: 页面访问路径及参数说明
 !-->
 <template>
--- a/apps/statics/scss/common.scss
View file @cee230c
+++ b/apps/statics/scss/common.scss
View file @cee230c
@@ -703,3 +703,19 @@ img[lazy=loaded] {
 .aliapp-body .layout-header {
     display: none;
 }
+
+/*
+ * @description: 添加ufo图标
+ * @author: huzhiming
+ * @date: 2019-11-15 15:36:58
+ * 调用示例： <span class='icon-ufo'></span>
+*/
+.icon-ufo {
+  width: 94px;
+  height: 28px;
+  margin-top: -4px;
+  vertical-align: middle;
+  display: inline-flex;
+  background: url(~statics/image/order/logo@3x.png) no-repeat;
+  background-size: cover;
+}