Merge branch 'feature/0726-mip' into 'release/8.1'

Feature/0726 mip



See merge request !1494

@@ -32,12 +32,14 @@ exports.index = (req, res, next) => {
 
 
         return res.render('chanpin', Object.assign({
         return res.render('chanpin', Object.assign({
             css: yield css('chanpin.css'),
             css: yield css('chanpin.css'),
+            commonCss: yield css('common.css'),
             title: `${goodsList.name}价格_图片_品牌_怎么样-YOHO!BUY有货`,
             title: `${goodsList.name}价格_图片_品牌_怎么样-YOHO!BUY有货`,
             mipUrl: `https://m.yohobuy.com${req.originalUrl}`,
             mipUrl: `https://m.yohobuy.com${req.originalUrl}`,
             mipFooter: true,
             mipFooter: true,
             canonical: {
             canonical: {
                 currentHref: `https://www.yohobuy.com/chanpin/${req.params.id}.html`
                 currentHref: `https://www.yohobuy.com/chanpin/${req.params.id}.html`
-            }
+            },
+            pageTitle: goodsList.name
         }, goodsList));
         }, goodsList));
     })().catch(next);
     })().catch(next);
 };
 };

@@ -28,7 +28,7 @@ const mipDate = (day) => {
  * [处理品牌数据]
  * [处理品牌数据]
  * @param  {[array]} getBrand [品牌原数据]
  * @param  {[array]} getBrand [品牌原数据]
  */
  */
-const _relatedBrand = (getBrand, isApp) => {
+const _relatedBrand = (getBrand, isApp, isMip) => {
     let relatedBrand = getBrand;
     let relatedBrand = getBrand;
 
 
     relatedBrand.forEach(brand => {
     relatedBrand.forEach(brand => {
@@ -37,6 +37,10 @@ const _relatedBrand = (getBrand, isApp) => {
         if (isApp) {
         if (isApp) {
             brand.url = brand.url + '?openby:yohobuy={"action":"go.brand","params":{"brand_id":"' + brand.id + '"}}';
             brand.url = brand.url + '?openby:yohobuy={"action":"go.brand","params":{"brand_id":"' + brand.id + '"}}';
         }
         }
+
+        if (isMip) {
+            brand.url += '?union_type=100000000013130';
+        }
     });
     });
 
 
     return relatedBrand;
     return relatedBrand;
@@ -160,7 +164,7 @@ const detailIndex = (req, res, next) => {
 
 
             // guang双头部的问题 20160601
             // guang双头部的问题 20160601
             // 正确的URL
             // 正确的URL
-            let url = `${detail.getAuthor.url}&openby:yohobuy={"action":"go.h5","params":{"param":{},"share":"","id":${detail.getAuthor.author_id},"type":0,"islogin":"N","url":"${detail.getAuthor.url}"}}`; // eslint-disable-line
+            let url = `${detail.getAuthor.url}&union_type=100000000013130&openby:yohobuy={"action":"go.h5","params":{"param":{},"share":"","id":${detail.getAuthor.author_id},"type":0,"islogin":"N","url":"${detail.getAuthor.url}"}}`; // eslint-disable-line
 
 
             data.guang.author.url = helpers.https(url);
             data.guang.author.url = helpers.https(url);
         }
         }
@@ -190,11 +194,11 @@ const detailIndex = (req, res, next) => {
 
 
         let goodsList = yield req.ctx(DetailModel).productInfoBySkns(processContents.allgoods);
         let goodsList = yield req.ctx(DetailModel).productInfoBySkns(processContents.allgoods);
 
 
-        guang.detail.content = guangProcess.pushGoodsInfo(processContents.finalDetail, goodsList, isApp);
+        guang.detail.content = guangProcess.pushGoodsInfo(processContents.finalDetail, goodsList, isApp, isMip);
 
 
         // 相关品牌
         // 相关品牌
         if (detail.getBrand && detail.getBrand.length) {
         if (detail.getBrand && detail.getBrand.length) {
-            guang.relatedBrand = _relatedBrand(detail.getBrand, isApp);
+            guang.relatedBrand = _relatedBrand(detail.getBrand, isApp, isMip);
         }
         }
 
 
         // 相关标签
         // 相关标签
@@ -209,6 +213,7 @@ const detailIndex = (req, res, next) => {
 
 
         return res.render('guang/detail', Object.assign({
         return res.render('guang/detail', Object.assign({
             css: yield css('guang/detail.css'),
             css: yield css('guang/detail.css'),
+            commonCss: yield css('common.css'),
             gender: gender,
             gender: gender,
             localStyle: processContents.css,
             localStyle: processContents.css,
             title: detail.getArticle.article_title + '_潮流资讯-YOHO!BUY有货',
             title: detail.getArticle.article_title + '_潮流资讯-YOHO!BUY有货',
@@ -221,7 +226,9 @@ const detailIndex = (req, res, next) => {
                 pic: mipPic,
                 pic: mipPic,
                 des: detail.getArticle.article_summary,
                 des: detail.getArticle.article_summary,
                 url: `${req.protocol}://m.yohobuy.com${req.originalUrl}`,
                 url: `${req.protocol}://m.yohobuy.com${req.originalUrl}`,
-            }
+            },
+            pageTitle: '逛',
+            appPath: `openby:yohobuy＝{"action":"go.h5","params":{"id":"${id}","share":"/guang/api/v1/share/guang?id=${id}","shareparam":{"id":"${id}"},"islogin":"N","type":1,"url":"http://guang.m.yohobuy.com/info/index","param":{"id":"${id}"}}}`
         }, data));
         }, data));
     })().catch(next);
     })().catch(next);
 };
 };

@@ -32,12 +32,14 @@ exports.index = (req, res, next) => {
 
 
         return res.render('hot', Object.assign({
         return res.render('hot', Object.assign({
             css: yield css('chanpin.css'),
             css: yield css('chanpin.css'),
+            commonCss: yield css('common.css'),
             title: `${goodsList.name}_${goodsList.name}【图片,新款,价格,折扣,搭配】-YOHO!BUY有货`,
             title: `${goodsList.name}_${goodsList.name}【图片,新款,价格,折扣,搭配】-YOHO!BUY有货`,
             mipUrl: `https://m.yohobuy.com${req.originalUrl}`,
             mipUrl: `https://m.yohobuy.com${req.originalUrl}`,
             mipFooter: true,
             mipFooter: true,
             canonical: {
             canonical: {
                 currentHref: `https://www.yohobuy.com/hot/${req.params.id}.html`
                 currentHref: `https://www.yohobuy.com/hot/${req.params.id}.html`
-            }
+            },
+            pageTitle: goodsList.name
         }, goodsList));
         }, goodsList));
     })().catch(next);
     })().catch(next);
 };
 };

@@ -17,13 +17,19 @@ exports.index = (req, res, next) => {
         let mipPic = _.get(detailData, 'baseInfo.goods_list[0].images_list[0].image_url');
         let mipPic = _.get(detailData, 'baseInfo.goods_list[0].images_list[0].image_url');
         let mipDes = _.get(detailData, 'baseInfo.phrase');
         let mipDes = _.get(detailData, 'baseInfo.phrase');
         let miptitle = _.get(detailData, 'baseInfo.product_name');
         let miptitle = _.get(detailData, 'baseInfo.product_name');
+        let appParams = {product_skn: _.get(detailData, 'baseInfo.product_skn')};
+        let appPath = 'openby:yohobuy={"action":"go.productDetail","params":' +
+            JSON.stringify(appParams) +
+            '}';
 
 
         if (!_.get(detailData, 'baseInfo.product_skn')) {
         if (!_.get(detailData, 'baseInfo.product_skn')) {
             return next();
             return next();
         }
         }
+
         return res.render('product/detail', Object.assign(detailData, {
         return res.render('product/detail', Object.assign(detailData, {
             title: `${detailData.title}-YOHO!BUY有货`,
             title: `${detailData.title}-YOHO!BUY有货`,
             css: yield css('product/detail.css'),
             css: yield css('product/detail.css'),
+            commonCss: yield css('common.css'),
             localStyle: detailData.mipCss,
             localStyle: detailData.mipCss,
             mipFooter: true,
             mipFooter: true,
             canonical: {
             canonical: {
@@ -35,7 +41,9 @@ exports.index = (req, res, next) => {
                 pic: mipPic,
                 pic: mipPic,
                 des: mipDes,
                 des: mipDes,
                 publishTime: ''
                 publishTime: ''
-            }
+            },
+            pageTitle: '商品详情',
+            appPath: appPath
         }));
         }));
     })().catch(next);
     })().catch(next);
 };
 };

+.top-downloadbar {
+    display: block;
+    height: 45px;
+    background: rgba(68, 68, 68, .95);
+    width: 100%;
+    padding: 3px 0;
+    position: relative;
+    box-sizing: content-box;
+}
+  
+.top-downloadbar .download-close {
+    margin-left: 5px;
+    width: 14px;
+    height: 14px;
+}
+  
+.top-downloadbar .download-close,
+.top-downloadbar .download-icon {
+    position: absolute;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
+    background-size: cover;
+}
+  
+.top-downloadbar .download-icon {
+    width: 40px;
+    height: 40px;
+    left: 24px;
+}
+  
+.top-downloadbar .download-text {
+    position: absolute;
+    top: 50%;
+    -webkit-transform: translateY(-90%);
+    transform: translateY(-90%);
+    left: 70px;
+    color: #fff;
+    font-size: 12px;
+}
+  
+.top-downloadbar-wechat .download-text {
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
+}
+  
+.top-downloadbar .download-text-desc {
+    position: absolute;
+    top: 50%;
+    -webkit-transform: translateY(-16%) scale(0.5);
+    transform: translateY(-16%) scale(0.5);
+    -webkit-transform-origin: left center;
+    transform-origin: left center;
+    left: 70px;
+    color: #c7c7c7;
+    font-size: 20px;
+}
+  
+.top-downloadbar .download-go {
+    right: 10px;
+    background: red;
+}
+  
+.top-downloadbar .download-go,
+.top-downloadbar .download-go-wechat {
+    position: absolute;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
+    font-size: 12px;
+    padding: 0 7px;
+    height: 23px;
+    line-height: 23px;
+    border-radius: 3px;
+    color: #fff;
+    text-decoration: none;
+}
+  
+.top-downloadbar .download-go-wechat {
+    right: 94px;
+    background: #000;
+}
+  
+.top-downloadbar .download-wechat,
+.top-downloadbar .mini-app-open {
+    position: absolute;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
+    right: 7px;
+    font-size: 12px;
+    padding: 0 7px;
+    height: 23px;
+    line-height: 23px;
+    border-radius: 3px;
+    background: red;
+    color: #fff;
+    text-decoration: none;
+}
+  
+
+.mip-nav-wrapper {
+    position: relative;
+    z-index: 20;
+    width: 100%;
+    height: 45px;
+    background-image: linear-gradient(#323232,#414141);
+    line-height: 45px;
+}
+
+.mip-nav-wrapper .navbar-brand {
+    color: #fff;
+    font-weight: 700;
+    font-size: 18px;
+    margin: 0;
+    text-align: center;
+    height: auto;
+    right: 50%;
+    transform: translate(50%, 0);
+}
+
+.mip-nav-wrapper .navbar-header {
+    text-align: center;
+    height: 45px;
+    float: right;
+    box-sizing: border-box;   
+}
+
+.mip-nav-wrapper #bs-navbar {
+    width: 140px;
+    position: absolute;
+    top: 40px;
+    right: 6px;
+    z-index: 2;
+    overflow: hidden;
+    color: #fff;
+    background-size: 100% 100%;
+    background-color: transparent;
+    left: auto;
+}
+
+.mip-nav-wrapper #bs-navbar .navbar-nav {
+    overflow: hidden;
+    width:140px;
+    height: 169px;
+    min-height: 169px;
+    padding: 1px 0;
+    border-radius: 5px;
+    background-image: linear-gradient(#434343, #171717);
+    position: relative;
+    z-index: 2;
+    margin-top: 8px;
+    display: block;
+}
+
+.mip-nav-wrapper #bs-navbar .navbar-nav a {
+    text-align: center;
+    color: #333;
+    font-size: 18px;
+    padding: 0;
+    margin: 0 auto;
+    display: block;
+}
+
+.mip-nav-wrapper .home-icon {
+    width: 16px;
+    height: 16px;
+    background: url("//cdn.yoho.cn/yohobuywap-node/6.4.0/img/product/home.png") no-repeat;
+    background-size: contain;
+    float: left;
+    margin: 14px 20px 0 0;
+}
+
+.mip-nav-wrapper .shopping-icon {
+    width: 16px;
+    height: 16px;
+    background: url("//cdn.yoho.cn/yohobuywap-node/6.4.0/img/product/shopping-card.png") no-repeat;
+    background-size: contain;
+    float: left;
+    margin: 14px 20px 0 0;
+}
+
+.mip-nav-wrapper .mine-icon {
+    width: 16px;
+    height: 16px;
+    background: url("//cdn.yoho.cn/yohobuywap-node/6.4.0/img/product/mine.png") no-repeat;
+    background-size: contain;
+    float: left;
+    margin: 14px 20px 0 0;
+}
+
+.mip-nav-wrapper .shopping-card-icon {
+    width: 16px;
+    height: 16px;
+    background: url("//cdn.yoho.cn/yohobuywap-node/6.4.0/img/product/shopping.png") no-repeat;
+    background-size: contain;
+    float: left;
+    margin: 14px 20px 0 0;
+}
+
+.mip-nav-wrapper .ul-arr {
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    top: 0;
+    right: 16px;
+    -webkit-transform: rotate(45deg);
+    transform: rotate(45deg);
+    background-color: #434343;
+    z-index: 1;
+}
+
+.mip-nav-wrapper li {
+    float: left;
+    overflow: hidden;
+    width: 100%;
+    height: 42px;
+    line-height: 42px !important;
+    position: relative;
+    padding: 0 0 0 20px!important;
+}
+
+.mip-nav-wrapper .navbar-toggle {
+    display: block;
+    margin: 8px 0;
+    padding: 5px;
+    border: 0;
+    background: transparent;
+    float: right;
+}
+
+.mip-nav-wrapper .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    border: 0;
+}
+
+.mip-nav-wrapper #bs-navbar .navbar-nav span {
+    display: block;
+    float: left;
+    font-size: 14px;
+    color: #fff;
+    width: 90px;
+    height: 41px;
+    border-bottom: solid 1px #444;
+    text-align: left;
+    margin: 0;
+    padding: 0 0 0 10px;
+}
+
+.mip-nav-wrapper #bs-navbar .navbar-nav span:focus {
+    color: #fff;
+}
+
+.mip-nav-wrapper #bs-navbar .navbar-nav span:hover {
+    color: #fff;
+}
+
+.mip-nav-wrapper #bs-navbar .navbar-nav li:last-child span {
+    border-bottom: none;
+}
+
+.mip-nav-wrapper .navbar-toggle {
+    width: 25px;
+    height: 21px;
+    outline: none !important;
+    background: url("//cdn.yoho.cn/yohobuywap-node/6.4.0/img/product/nav.png") no-repeat;
+    background-size: contain;
+    margin: 12px;
+}
+
+.mip-nav-wrapper .navbar-toggle .icon-bar {
+    display: none;
+}
+
+.mip-appdl-box {
+    background: rgba(68,68,68,.95) !important;
+}
+
+.mip-appdl-downimg {
+    width: 40px;
+    height: 40px;
+}
+
+.mip-appdl-downbtn {
+    border: none !important;
+    height: 23px !important;
+    line-height: 23px !important;    
+}
+
+.mip-appdl-downbtn a {
+    background: red;
+    color: #fff;
+    border-radius: 3px !important;
+}
+
+.mip-appdl-box {
+    height: 50px !important;
+}
+
+.mip-appdl-imgbox {
+    top: 6px !important;
+}
+
+.mip-appdl-textbox {
+    top: 8px !important;
+}
+
+.mip-appdl-downbtn {
+    top: 15px !important;
+}

@@ -355,3 +355,46 @@
     transform: scale(0.5, 0.5);
     transform: scale(0.5, 0.5);
     margin: 0;
     margin: 0;
 }
 }
+
+.recommend-products-box {
+    height: 102px;
+    margin: 15px 0;
+    overflow-x: scroll;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+}
+
+.recommend-products-box .recommend-products-content {
+    height: 102px;
+    overflow-y: hidden;
+    display: inline-flex;
+    background-color: #fff;
+}
+
+.recommend-products-box .recommend-goods {
+    width: 76px;
+    height: 102px;
+    margin: 0 15px 0 0;
+    float: left;
+    position: relative;
+    overflow: hidden;
+}
+
+.recommend-products-box img {
+    width: 76px;
+    height: 102px;
+    margin: 0;
+}
+
+.recommend-products-box .recommend-goods-cover {
+    width: 76px;
+    height: 15px;
+    line-height: 16px;
+    font-size: 12px;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.6);
+    text-align: center;
+    position: absolute;
+    bottom: 0;
+    padding: 2px 0;
+}

@@ -1014,4 +1014,4 @@
 .mip-footer .mip-gototop {
 .mip-footer .mip-gototop {
     display: inline !important;
     display: inline !important;
 }
 }
-/* 底部结束 */
+/* 底部结束 */

@@ -184,7 +184,7 @@ class ProductDetail extends global.yoho.BaseModel {
                     let skn = $(value).closest('.good-info').data('id');
                     let skn = $(value).closest('.good-info').data('id');
 
 
                     if (skn) {
                     if (skn) {
-                        href = `${params.protocol}://m.yohobuy.com/mip/product/${skn}.html`;
+                        href = `//m.yohobuy.com/product/${skn}.html?union_type=100000000013130`;
                     }
                     }
                     $(value).attr('href', href);
                     $(value).attr('href', href);
                 });
                 });
@@ -194,7 +194,7 @@ class ProductDetail extends global.yoho.BaseModel {
                     let skn = $(value).closest('.good-info').data('id');
                     let skn = $(value).closest('.good-info').data('id');
 
 
                     if (skn) {
                     if (skn) {
-                        href = `${params.protocol}://m.yohobuy.com/mip/product/${skn}.html`;
+                        href = `${params.protocol}://m.yohobuy.com/product/${skn}.html?union_type=100000000013130`;
                     }
                     }
                     $(value).attr('href', href);
                     $(value).attr('href', href);
                 });
                 });

 <div class="good-list-page search-page yoho-page">
 <div class="good-list-page search-page yoho-page">
+    {{> mip-head}}
     {{> mip-product-list}}
     {{> mip-product-list}}
     {{> mip-footer}}
     {{> mip-footer}}
 </div>
 </div>

+{{> mip-download}}
+{{> mip-head}}
 <div class="guang-detail-c">
 <div class="guang-detail-c">
 	{{# guang}}
 	{{# guang}}
 	{{# author}}
 	{{# author}}
@@ -84,6 +86,22 @@
 			{{/each}}
 			{{/each}}
 		</div>
 		</div>
 		{{/if}}
 		{{/if}}
+
+		{{#if collocation}}
+        <div class="recommend-products-box">
+			<div class="recommend-products-content">
+                {{#each collocation}}
+                    <div class="recommend-goods">
+						<a href="{{url}}">
+							<mip-img class="pic" width="100" height="134" src="{{image2 src w=152 h=204}}">
+							</mip-img>
+						</a>
+						<p class="recommend-goods-cover">&yen;{{sales_price}}</p>
+					</div>
+                {{/each}}
+            </div>
+        </div>
+        {{/if}}
 	{{/ content}}
 	{{/ content}}
 	</div>
 	</div>
 	{{/ detail}}
 	{{/ detail}}
@@ -129,7 +147,7 @@
 	<div class="related-info">
 	<div class="related-info">
 		{{# relatedInfo}}
 		{{# relatedInfo}}
 		<div class="info-item">
 		<div class="info-item">
-			<a data-type="mip" data-title="{{title}}" href="//m.yohobuy.com/mip/guang/{{id}}.html">
+			<a data-type="mip" data-title="{{title}}" href="//m.yohobuy.com/guang/{{id}}.html?union_type=100000000013130">
 				<div class="pic">
 				<div class="pic">
 					<mip-img class="pic-mip" width="117" height="73" src="{{thumb}}">
 					<mip-img class="pic-mip" width="117" height="73" src="{{thumb}}">
 					</mip-img>
 					</mip-img>
@@ -146,7 +164,7 @@
 	{{#if relatedTag}}
 	{{#if relatedTag}}
 	<div class="brand-tag">
 	<div class="brand-tag">
 		{{# relatedTag}}
 		{{# relatedTag}}
-		<a href="//guang.m.yohobuy.com/tags/index?query={{name}}" class="tag">{{name}}</a>
+		<a href="//guang.m.yohobuy.com/tags/index?union_type=100000000013130&query={{name}}" class="tag">{{name}}</a>
 		{{/ relatedTag}}
 		{{/ relatedTag}}
 	</div>
 	</div>
 	{{/if}}
 	{{/if}}

 <div class="good-list-page search-page yoho-page">
 <div class="good-list-page search-page yoho-page">
+    {{> mip-head}}
     {{> mip-product-list}}
     {{> mip-product-list}}
     {{> mip-footer}}
     {{> mip-footer}}
 </div>
 </div>

+{{> mip-download}}
+{{> mip-head}}
 <div class="detail-page yoho-page">
 <div class="detail-page yoho-page">
     {{# baseInfo}}
     {{# baseInfo}}
     <div class="banner-pic">
     <div class="banner-pic">
@@ -83,11 +85,11 @@
     {{/if}}
     {{/if}}
     {{# enterStore}}
     {{# enterStore}}
     <div id="enter-store" class="enter-store page-block tap-hightlight">
     <div id="enter-store" class="enter-store page-block tap-hightlight">
-        <a class="store-logo" href="{{url}}">
+        <a class="store-logo" href="{{url}}?union_type=100000000013130">
             <mip-img src="{{image2 img w=100 h=100 q=90}}" alt="{{storeName}}"></mip-img>
             <mip-img src="{{image2 img w=100 h=100 q=90}}" alt="{{storeName}}"></mip-img>
         </a>
         </a>
-        <a class="store-name" href="{{url}}">{{storeName}}</a>
-        <a class="store-link" href="{{url}}">进入店铺&nbsp;<span>&gt;</span></a>
+        <a class="store-name" href="{{url}}?union_type=100000000013130">{{storeName}}</a>
+        <a class="store-link" href="{{url}}?union_type=100000000013130">进入店铺&nbsp;<span>&gt;</span></a>
     </div>
     </div>
     {{/ enterStore}}
     {{/ enterStore}}
     <div class="product-desc">
     <div class="product-desc">
@@ -96,16 +98,16 @@
     <div id="shop-goods-container" class="goods-container">{{{preference}}}</div>
     <div id="shop-goods-container" class="goods-container">{{{preference}}}</div>
     <div class="cart-bar-fixed">
     <div class="cart-bar-fixed">
         <div class="cart-bar">
         <div class="cart-bar">
-            <a href="//m.yohobuy.com/cart/index/index" class="new-foot-ico" rel="nofollow">
+            <a href="//m.yohobuy.com/cart/index/index?union_type=100000000013130" class="new-foot-ico" rel="nofollow">
                 <div class="cart-icon"></div>
                 <div class="cart-icon"></div>
                 <div class="tip">购物车</div>
                 <div class="tip">购物车</div>
             </a>
             </a>
-            <a {{# enterStore}}href="{{url}}"{{/ enterStore}} class="new-foot-ico store{{#unless enterStore}} opa{{/unless}}">
+            <a {{# enterStore}}href="{{url}}?union_type=100000000013130"{{/ enterStore}} class="new-foot-ico store{{#unless enterStore}} opa{{/unless}}">
                 <div class="shop-icon"></div>
                 <div class="shop-icon"></div>
                 <div class="tip">品牌店铺</div>
                 <div class="tip">品牌店铺</div>
             </a>
             </a>
             {{# baseInfo}}
             {{# baseInfo}}
-            <a href="//m.yohobuy.com/product/{{product_skn}}.html" class="addto-cart add-to-cart-url">立即购买</a>
+            <a href="//m.yohobuy.com/product/{{product_skn}}.html?union_type=100000000013130" class="addto-cart add-to-cart-url">立即购买</a>
             {{/ baseInfo}}
             {{/ baseInfo}}
         </div>
         </div>
     </div>
     </div>

+<div class="top-downloadbar" m-bind:data-clicked="closeDownload">
+    <mip-img
+        on="tap:MIP.setData({closeDownload:!m.clicked})"
+        layout="responsive"
+        class="download-close"
+        src="data:image/png;base64,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"
+    >
+    </mip-img>
+    <mip-img
+        layout="responsive"
+        class="download-icon"
+        src="data:image/png;base64,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"
+    >
+    </mip-img>
+    <span class="download-text">Yoho!Buy有货</span>
+    <p class="download-text-desc">新用户送惊喜礼包</p>
+    <a class="download-go" id="download-go" href='https://union.yoho.cn/union/app-downloads.html?union_type=100000000013134&{{appPath}}'>立即打开</a>
+</div> 

 <div class="mip-footer-fixed">
 <div class="mip-footer-fixed">
     <div class="mip-footer">
     <div class="mip-footer">
         <div class="option">
         <div class="option">
-            <a href="//m.yohobuy.com/signin.html" class="login">登录</a>
-            <a href="//m.yohobuy.com/reg.html" class="reg">注册</a>
+            <a href="//m.yohobuy.com/signin.html?union_type=100000000013130" class="login">登录</a>
+            <a href="//m.yohobuy.com/reg.html?union_type=100000000013130" class="reg">注册</a>
             <mip-fixed class="mip-fixed" type="gototop">
             <mip-fixed class="mip-fixed" type="gototop">
                 <mip-gototop class="mip-gototop">
                 <mip-gototop class="mip-gototop">
                     <span class="back-to-top">回到顶部<span>∧</span></span>
                     <span class="back-to-top">回到顶部<span>∧</span></span>

+<div class="mip-nav-wrapper">
+    <mip-nav-slidedown
+        data-id="bs-navbar"
+        class="mip-element-sidebar container"
+        data-showbrand="1"
+        data-brandname="{{pageTitle}}">
+        <nav id="bs-navbar" class="navbar-collapse collapse navbar navbar-static-top">
+			<div class="ul-arr"></div>
+            <ul class="nav navbar-nav navbar-right">
+                <li>
+                    <a href="//m.yohobuy.com/?union_type=100000000013130&go=1"><i class="home-icon"></i><span>首页</span></a>
+                </li>
+                <li>
+                    <a href="//m.yohobuy.com/cate?union_type=100000000013130"><i class="shopping-card-icon"></i><span>分类</span></a>
+                </li>
+                <li>
+                    <a href="//m.yohobuy.com/cart/index/index?union_type=100000000013130"><i class="shopping-icon"></i><span>购物车</span></a>
+                </li>
+				<li>
+                    <a href="//m.yohobuy.com/home?union_type=100000000013130"><i class="mine-icon"></i><span>我的</span></a>
+                </li>
+            </ul>
+        </nav>
+    </mip-nav-slidedown>
+</div>

@@ -2,7 +2,7 @@
     <div class="word-content">
     <div class="word-content">
         <div class="list-too-little">
         <div class="list-too-little">
             {{# fuzzyWord}}
             {{# fuzzyWord}}
-                <span class="word"><a data-type="mip" href="{{link}}">{{name}}</a></span>
+                <span class="word"><a data-type="mip" href="{{link}}?union_type=100000000013130">{{name}}</a></span>
             {{/ fuzzyWord}}
             {{/ fuzzyWord}}
         </div>
         </div>
     </div>
     </div>
@@ -33,8 +33,8 @@
             {{/each}}
             {{/each}}
         </div>
         </div>
         <div class="good-detail-img">
         <div class="good-detail-img">
-            <a class="good-thumb" href="//m.yohobuy.com/product/{{productSkn}}.html">
-                <mip-img src="{{image defaultImages 235 314}}"></mip-img>
+            <a class="good-thumb" href="//m.yohobuy.com/product/{{productSkn}}.html?union_type=100000000013130">
+                <mip-img src="{{image2 defaultImages w=235 h=314}}"></mip-img>
             </a>
             </a>
             {{!-- {{log isSoonSoldOut}} --}}
             {{!-- {{log isSoonSoldOut}} --}}
             {{#if isSoonSoldOut}}
             {{#if isSoonSoldOut}}
@@ -49,7 +49,7 @@
         </div>
         </div>
         <div class="good-detail-text">
         <div class="good-detail-text">
             <div class="name">
             <div class="name">
-                <a href="//m.yohobuy.com/product/{{productSkn}}.html">{{productName}}</a>
+                <a href="//m.yohobuy.com/product/{{productSkn}}.html?union_type=100000000013130">{{productName}}</a>
             </div>
             </div>
             <div class="price">
             <div class="price">
                 {{#if @root.saleViplogin}}
                 {{#if @root.saleViplogin}}

@@ -13,10 +13,10 @@ const isTest = process.env.NODE_ENV === 'test';
 
 
 const domains = {
 const domains = {
 
 
-    // api: 'http://api.yoho.cn/',
-    // service: 'http://service.yoho.cn/',
-    // liveApi: 'http://testapi.live.yohops.com:9999/',
-    // singleApi: 'http://api-test3.yohops.com:9999/',
+    api: 'http://api.yoho.cn/',
+    service: 'http://service.yoho.cn/',
+    liveApi: 'http://testapi.live.yohops.com:9999/',
+    singleApi: 'http://api-test3.yohops.com:9999/',
 
 
     // gray
     // gray
     // api: 'http://apigray.yoho.cn/',
     // api: 'http://apigray.yoho.cn/',
@@ -24,10 +24,10 @@ const domains = {
 
 
     // platformApi: 'http://172.16.6.210:8088/',
     // platformApi: 'http://172.16.6.210:8088/',
 
 
-    api: 'http://api-test3.dev.yohocorp.com/',
-    service: 'http://api-test3.dev.yohocorp.com/',
-    liveApi: 'http://testapi.live.yohops.com:9999/',
-    singleApi: 'http://api-test3.dev.yohocorp.com/',
+    // api: 'http://api-test3.dev.yohocorp.com/',
+    // service: 'http://api-test3.dev.yohocorp.com/',
+    // liveApi: 'http://testapi.live.yohops.com:9999/',
+    // singleApi: 'http://api-test3.dev.yohocorp.com/',
 
 
     imSocket: 'ws://socket.yohobuy.com:10240',
     imSocket: 'ws://socket.yohobuy.com:10240',
     imCs: 'http://im.yohobuy.com/api',
     imCs: 'http://im.yohobuy.com/api',
@@ -49,7 +49,7 @@ module.exports = {
     testCode: 'yoho4946abcdef#$%&!@',
     testCode: 'yoho4946abcdef#$%&!@',
     domains: domains,
     domains: domains,
 
 
-    // yohoVerifyUdid: '0f626ede-0e17-460b-a8ea-069ee506e8e9',
+    yohoVerifyUdid: 'ca5c462a-e28b-407d-8061-5e204398e3cc',
     signExtend: {
     signExtend: {
         business_line: 'yohobuy'
         business_line: 'yohobuy'
     },
     },

@@ -11,8 +11,21 @@
     <style mip-custom>
     <style mip-custom>
     .main-wrap{width: 100%;max-width: 750px;margin: 0 auto;}
     .main-wrap{width: 100%;max-width: 750px;margin: 0 auto;}
     {{css}}
     {{css}}
+    {{commonCss}}
     {{localStyle}}
     {{localStyle}}
     </style>
     </style>
+    <style mip-custom>
+        [data-clicked=true] {
+            display: none;
+        }
+    </style>
+    <mip-data>
+        <script type="application/json">
+        {
+            "closeDownload": false
+        }
+        </script>
+    </mip-data>
     {{> ld-json}}
     {{> ld-json}}
 </head>
 </head>
 <body>
 <body>
@@ -24,6 +37,8 @@
 <script src="https://mipcache.bdstatic.com/static/v1/mip-anim/mip-anim.js"></script>
 <script src="https://mipcache.bdstatic.com/static/v1/mip-anim/mip-anim.js"></script>
 <script src="https://mipcache.bdstatic.com/static/v1/mip-audio/mip-audio.js"></script>
 <script src="https://mipcache.bdstatic.com/static/v1/mip-audio/mip-audio.js"></script>
 <script src="https://mipcache.bdstatic.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>
 <script src="https://mipcache.bdstatic.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script>
+<script src="https://c.mipcdn.com/static/v1/mip-nav-slidedown/mip-nav-slidedown.js"></script>
+<script src="https://c.mipcdn.com/static/v1/mip-bind/mip-bind.js"></script>
 {{#if mipFooter}}
 {{#if mipFooter}}
 <script src="https://mipcache.bdstatic.com/static/v1/mip-gototop/mip-gototop.js"></script>
 <script src="https://mipcache.bdstatic.com/static/v1/mip-gototop/mip-gototop.js"></script>
 {{/if}}
 {{/if}}

@@ -411,12 +411,16 @@ const processArticleDetail = (articleContent, isApp, gender, isWeixin, isqq, isW
                     }
                     }
                 });
                 });
 
 
-                collocation.push({
-                    thumb: cover ?
-                        helpers.image(cover.cover, 235, 314) : '',
-                    type: cover ? getProductIcon(cover.maxSortId) : '',
-                    goods: _.get(item, 'list', [])
-                });
+                if (isMip) {
+                    collocation = _.concat(collocation, _.get(item, 'list', []));
+                } else {
+                    collocation.push({
+                        thumb: cover ?
+                            helpers.image(cover.cover, 235, 314) : '',
+                        type: cover ? getProductIcon(cover.maxSortId) : '',
+                        goods: _.get(item, 'list', [])
+                    });
+                }
             });
             });
 
 
             finalDetail.push({
             finalDetail.push({
@@ -441,6 +445,10 @@ const processArticleDetail = (articleContent, isApp, gender, isWeixin, isqq, isW
             _.forEach(recommendProducts, (goods, goodsKey) => {
             _.forEach(recommendProducts, (goods, goodsKey) => {
                 recommendProducts[goodsKey].price = parseFloat(goods.sales_price).toFixed(2);
                 recommendProducts[goodsKey].price = parseFloat(goods.sales_price).toFixed(2);
                 recommendProducts[goodsKey].href = isApp ? `http://m.yohobuy.com/product/${goods.product_skn}.html?openby:yohobuy={"action":"go.productDetail","params":{"product_skn":"${goods.product_skn}"}}` : `//m.yohobuy.com/product/${goods.product_skn}.html`;
                 recommendProducts[goodsKey].href = isApp ? `http://m.yohobuy.com/product/${goods.product_skn}.html?openby:yohobuy={"action":"go.productDetail","params":{"product_skn":"${goods.product_skn}"}}` : `//m.yohobuy.com/product/${goods.product_skn}.html`;
+
+                if (isMip) {
+                    recommendProducts[goodsKey].href = `//m.yohobuy.com/product/${goods.product_skn}.html?union_type=100000000013130`;// eslint-disable-line
+                }
             });
             });
 
 
             // 全球购商品
             // 全球购商品
@@ -491,7 +499,7 @@ const processArticleDetail = (articleContent, isApp, gender, isWeixin, isqq, isW
 /**
 /**
  * 重新获取商品数据
  * 重新获取商品数据
  */
  */
-const pushGoodsInfo = (finalDetail, goodsList, isApp) => {
+const pushGoodsInfo = (finalDetail, goodsList, isApp, isMip) => {
     let goodsObj = _goodsArrayToObj(productPrcs.processProductList(goodsList, { isApp: isApp }));
     let goodsObj = _goodsArrayToObj(productPrcs.processProductList(goodsList, { isApp: isApp }));
 
 
     _.forEach(finalDetail, (value, key) => {
     _.forEach(finalDetail, (value, key) => {
@@ -507,6 +515,10 @@ const pushGoodsInfo = (finalDetail, goodsList, isApp) => {
 
 
             _.forEach(goodsIds, (item, subKey) => {
             _.forEach(goodsIds, (item, subKey) => {
                 if (goodsObj[item]) {
                 if (goodsObj[item]) {
+                    if (isMip) {
+                        goodsObj[item].url += '?union_type=100000000013130';
+                    }
+
                     finalDetail[key].relatedReco.goods[subKey] = goodsObj[item];
                     finalDetail[key].relatedReco.goods[subKey] = goodsObj[item];
                 } else {
                 } else {
                     delete finalDetail[key].relatedReco.goods[subKey];
                     delete finalDetail[key].relatedReco.goods[subKey];
@@ -523,13 +535,35 @@ const pushGoodsInfo = (finalDetail, goodsList, isApp) => {
         }
         }
 
 
         if (value.collocation) {
         if (value.collocation) {
-            _.forEach(value.collocation, (item, subKey) => {
-                _.forEach(item.goods, (thItem, thKey) => {
-                    if (thItem) {
-                        finalDetail[key].collocation[subKey].goods[thKey] = goodsObj[thItem.id];
+            if (isMip) {
+                let newCollocation = [];
+
+                _.forEach(value.collocation, (item) => {
+                    if (item && goodsObj[item.id]) {
+                        newCollocation.push({
+                            src: item.src + '?union_type=100000000013130',
+                            url: goodsObj[item.id].url,
+                            sales_price: goodsObj[item.id].sales_price
+                        });
                     }
                     }
                 });
                 });
-            });
+                finalDetail[key].collocation = newCollocation;
+            } else {
+                _.forEach(value.collocation, (item, subKey) => {
+                    _.forEach(item.goods, (thItem, thKey) => {
+                        if (thItem) {
+                            finalDetail[key].collocation[subKey].goods[thKey] = goodsObj[thItem.id];
+
+                            if (goodsObj[thItem.id]) {
+                                let newGoods = _.cloneDeep(goodsObj[thItem.id]);
+
+                                newGoods.default_images = thItem.src;
+                                finalDetail[key].collocation[subKey].goods[thKey] = newGoods;
+                            }
+                        }
+                    });
+                });
+            }
         }
         }
     });
     });
 
 

@@ -135,6 +135,10 @@ module.exports = {
                         query = query.replace(/imageView\/\d{1}\//, 'imageView/' + params.mode + '/');
                         query = query.replace(/imageView\/\d{1}\//, 'imageView/' + params.mode + '/');
                     }
                     }
                 }
                 }
+
+                if (query.indexOf('/background') > -1) {
+                    query = query.replace(/(\/background\/[^\/]+\/)/g, '/');
+                }
             } else {
             } else {
                 query = 'imageView2/2/interlace/1/q/' + (params.q || 75);
                 query = 'imageView2/2/interlace/1/q/' + (params.q || 75);
             }
             }