fe / yohobuywap-node · Commits

Go to a project

Authored by 郭成尧
Commit 540b22527ab6aede09948eab212ba67baa783f29 2 parents 3bbd282d bbd86131

Merge branch 'release/6.0' into feature/loginview

Inline Side-by-side
Showing 37 changed files with 433 additions and 202 deletions
... ... @@ -18,8 +18,7 @@ let channels = {
exports.promotion = (req, res, next) => {
let uid = req.user.uid,
isApp = req.yoho.isApp,
contentCode = req.app.locals.isProduction ? 'b2b5cde8144aff3073573c3b323344ab' :
'fa046a09b7c2c0e06927162404d95111'; // 产品线上线下配的资源码不一样
contentCode = 'b2b5cde8144aff3073573c3b323344ab';
req.ctx(expandModel).promotionData(uid, isApp, contentCode).then(result => {
res.render('expand-new/my-promotion', {
... ... @@ -100,8 +99,7 @@ exports.friendInvite = (req, res, next) => {
let page = req.query.page || 1;
let isApp = req.yoho.isApp;
let inciteCode = req.query.inviteCode;
let contentCode = req.app.locals.isProduction ? '319f92c4b072c3c40ea4cb4499b78bb4' :
'bc31b5d58b5af4e3999e8b994fb2bbc1';
let contentCode = '319f92c4b072c3c40ea4cb4499b78bb4';
req.ctx(expandModel).friendInvite(inciteCode, yhChannel, limit, page, contentCode).then(result => {
res.render('expand-new/friend-invite', {
... ... @@ -124,9 +122,6 @@ exports.inviteReg = (req, res, next) => {
req.ctx(expandModel).promotionData(uid, isApp).then(result => {
res.render('expand-new/invite-reg', {
pageHeader: headerModel.setNav({
navTitle: '注册完成'
}),
isApp: isApp,
width750: true,
localCss: true,
... ...
... ... @@ -219,7 +219,7 @@ const payCod = (req, res, next) => {
payModel.getPayCod(param).then(result => {
if (result.match === true) {
aboutModel.about(req.yoho.isApp).then(resu => {
req.ctx(aboutModel).about(req.yoho.isApp).then(resu => {
res.render('pay/pay-cod', Object.assign(responseData, result, {wxFooter: resu}));
});
} else {
... ... @@ -272,7 +272,7 @@ const payAli = (req, res, next) => {
payModel.getPayAli(param).then(result => {
if (result.match === true) {
aboutModel.about(req.yoho.isApp).then(resu => {
req.ctx(aboutModel).about(req.yoho.isApp).then(resu => {
res.render('pay/pay-ali', Object.assign(responseData, result, {wxFooter: resu}));
});
} else {
... ...
... ... @@ -10,11 +10,11 @@
<div class="coupon-tab">
<ul class="tab-navs" data-sticky>
<li class="tab-nav pull-left active">
<span data-target="#couponAvailable" data-trigger="tab" data-funHome>可用优惠券</span>
<span data-target="#couponAvailable" data-trigger="tab" data-funCouponAvailable>可用优惠券</span>
</li>
<em class="pull-left">|</em>
<li class="tab-nav pull-left">
<span data-target="#couponUnavailable" data-trigger="tab" data-funGetNewGoods>不可用优惠券</span>
<span data-target="#couponUnavailable" data-trigger="tab" data-funCouponUnavailable>不可用优惠券</span>
</li>
</ul>
</div>
... ...
... ... @@ -275,7 +275,7 @@ const index = (req, res, next) => {
// 标识有微信分享
data.hasWxShare = true;
let resu = yield aboutModel.about(req.yoho.isApp);
let resu = yield req.ctx(aboutModel).about(req.yoho.isApp);
data.guang.wxFooter = resu;
res.render('info/index', Object.assign({
... ...
... ... @@ -21,7 +21,8 @@ exports.index = (req, res, next) => {
let params = {
uid: req.user.uid,
channel: req.query.channel || 1,
udid: require('yoho-md5')(req.ip)
udid: require('yoho-md5')(req.ip),
contentCode: 'b2b5cde8144aff3073573c3b323344ab'
};
let studentSwitch = !_.get(req.app.locals.wap, 'user.removeStudentIdentification', true);
... ...
... ... @@ -5,8 +5,7 @@ const tideCommandModel = require('../models/tide-command');
exports.tideCommand = (req, res, next) => {
let uid = req.user.uid,
contentCode = req.app.locals.isProduction ? '29958987ef0c0f830fad03d7e54f6061' :
'29958987ef0c0f830fad03d7e5';
contentCode = '29958987ef0c0f830fad03d7e54f6061';
req.ctx(tideCommandModel).invitionData(uid, contentCode).then(result => {
res.render('tide-command', {
... ...
... ... @@ -123,9 +123,9 @@ const _getCode = (uid) => {
});
};
const _getTrendPop = () => {
const _getTrendPop = (contentCode) => {
return service.get('operations/api/v5/resource/get', {
content_code: 'fa046a09b7c2c0e06927162404d95111',
content_code: contentCode,
}).then(result => {
if (result && result.code === 200 && result.data) {
return result.data[0];
... ... @@ -163,7 +163,7 @@ const index = (params) => {
_getAddressData(params),
_getRes(),
_getCode(params.uid),
_getTrendPop()
_getTrendPop(params.contentCode)
]).then(result => {
if (result[0] && result[0].data) {
Object.assign(finalResult, {
... ...
... ... @@ -180,8 +180,8 @@
{{#unless @root.wap.ucenter.removePrefer}}
{{> common/recommend-for-you}}
{{/unless}}
</div>
{{> common/set-trend-world}}
{{> common/set-trend-world}}
</div>
{{> footer-tab}}
... ...
... ... @@ -23,9 +23,9 @@
</a>
</span>
</li>
<li>
<li class="trend-word">
<span>我的潮流口令</span>
<span>
<span class="trend-right">
<a href="//m.yohobuy.com/home/tide-command" class="command">
{{#if trendWord}}
{{trendWord}}
... ...
... ... @@ -27,7 +27,7 @@
{{/ shopInfo}}
<!-- 优惠卷 -->
<div class="coupon-group">
<div class="shop-coupon coupon-group">
{{> reds-shop/coupon}}
</div>
... ...
... ... @@ -20,7 +20,7 @@
</div>
{{!--shop-tab-nav: 首页 | 全部商品--}}
<div class="tab">
<ul class="shop-tabs tab-navs" data-sticky>
<ul class="shop-tabs tab-navs">
<li class="shop-tab-nav tab-nav active">
<span data-target="#red-index" data-trigger="tab" data-funHome>首页</span>
</li>
... ...
... ... @@ -54,7 +54,7 @@
<div id="home-page" class="main">
<div id="nav-main" class="nav-main">
<!-- 优惠卷 -->
<div class="coupon-group"></div>
<div class="shop-coupon coupon-group"></div>
<!-- 大导航 -->
{{#if brandList}}
... ...
{{#couponData}}
<div class="coupon-content">
<div class="swiper-wrapper">
{{#if couponsOne}}
{{#each coupons}}
<div class="swiper-slide coupon-big" data-id = "{{id}}">
<div class='coupon-left'>
{{#if couponsOne}}
{{#each coupons}}
<div class="coupon-center coupon-big" data-id = "{{id}}">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">{{money}}</span>
</span>
<span class="coupon-left-name">
{{name}}
</span>
</div>
<div class='coupon-right receive-btn'>
立即领取
</div>
</div><!--/coupon-big-->
{{/each}}
{{^}}
{{#each coupons}}
<div class="coupon-center coupon-small" data-id = "{{id}}">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">{{money}}</span>
</span>
<span class="coupon-left-name">
{{name}}
{{name}}
</span>
</div>
<div class='coupon-right receive-btn'>
立即领取
</div>
</div><!--/coupon-big-->
{{/each}}
{{^}}
{{#each coupons}}
<div class="swiper-slide coupon-small" data-id = "{{id}}">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">{{money}}</span>
</span>
<span class="coupon-left-name">
{{name}}
</span>
</div>
<div class='coupon-right receive-btn'>
立即领取
</div>
</div><!--/coupon-small-->
{{/each}}
{{/if}}
</div>
</div>
</div>
<div class='coupon-right receive-btn'>
立即领取
</div>
</div><!--/coupon-small-->
{{/each}}
{{/if}}
{{/couponData}}
\ No newline at end of file
... ...
... ... @@ -110,7 +110,7 @@
{{#ifor brandHome baseShopHome}}
{{!--优惠卷--}}
<div class="coupon-group"></div>
<div class="shop-coupon coupon-group"></div>
{{/ifor}}
{{!--筛选tab--}}
... ...
<div class="coupon-content">
<div class="swiper-wrapper">
{{#if shopCouponsOne}}
{{#each shopCoupons}}
<div class="swiper-slide coupon-big" data-id = "{{id}}">
{{#if shopCouponsOne}}
{{#each shopCoupons}}
<div class="coupon-center coupon-big" data-id = "{{id}}">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">{{money}}</span>
</span>
<span class="coupon-left-name">
{{name}}
</span>
</div>
{{#if status}}
<div class='coupon-right receive-btn'>
立即领取
</div>
{{^}}
<div class='coupon-right receive-btn'>
已领取
</div>
{{/if}}
</div><!--/coupon-big-->
{{/each}}
{{^}}
{{#each shopCoupons}}
<div class="coupon-center coupon-small" data-id = "{{id}}">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">{{money}}</span>
</span>
<span class="coupon-left-name">
{{name}}
</span>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">{{money}}</span>
</span>
<span class="coupon-left-name">
{{name}}
</span>
</div>
{{#if status}}
<div class='coupon-right receive-btn'>
... ... @@ -21,31 +42,6 @@
已领取
</div>
{{/if}}
</div><!--/coupon-big-->
{{/each}}
{{^}}
{{#each shopCoupons}}
<div class="swiper-slide coupon-small" data-id = "{{id}}">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">{{money}}</span>
</span>
<span class="coupon-left-name">
{{name}}
</span>
</div>
{{#if status}}
<div class='coupon-right receive-btn'>
立即领取
</div>
{{^}}
<div class='coupon-right receive-btn'>
已领取
</div>
{{/if}}
</div><!--/coupon-small-->
{{/each}}
{{/if}}
</div>
</div>
\ No newline at end of file
</div><!--/coupon-small-->
{{/each}}
{{/if}}
... ...
... ... @@ -6,8 +6,7 @@
</div>
<div class="main">
<div class="title"></div>
<textarea type="text" class="trend-world-area trend-code" maxlength="15"
placeholder="请设置15位以内的潮流口令">{{#if trendWord}}{{trendWord}}{{/if}}</textarea>
<textarea type="text" class="trend-world-area trend-code" maxlength="15" placeholder="请设置15位以内的潮流口令">{{#if trendWord}}{{trendWord}}{{/if}}</textarea>
<div class="explain">
<span class="explain-title">玩转潮流口令，超值福利等你拿</span>
<div class="show-explain">
... ...
{{#each list}}
<div class="coupon-group" data-coupon-id={{couponId}}>
<div class="coupon-group{{#is-equal-or couponType '5'}} usable-frees{{/is-equal-or}}" data-coupon-id={{couponId}}>
<div class="coupon-header">{{couponDetailInfomation}}</div>
<div class="coupon-content">
<div class="coupon-content-group1">
... ...
{{#if coupons}}
<div class="coupon-content">
<div class="swiper-wrapper">
{{#if couponsOne}}
{{#each coupons}}
<div class="swiper-slide coupon-big" data-id = "{{id}}">
<div class='coupon-left'>
{{#if couponsOne}}
{{#each coupons}}
<div class="coupon-center coupon-big" data-id = "{{id}}">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">{{money}}</span>
</span>
<span class="coupon-left-name">
{{name}}
</span>
</div>
{{#if status}}
<div class='coupon-right receive-btn'>
立即领取
</div>
{{^}}
<div class='coupon-right receive-btn'>
已领取
</div>
{{/if}}
</div><!--/coupon-big-->
{{/each}}
{{^}}
{{#each coupons}}
<div class="coupon-center coupon-small" data-id = "{{id}}">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">{{money}}</span>
</span>
<span class="coupon-left-name">
{{name}}
{{name}}
</span>
</div>
{{#if status}}
<div class='coupon-right receive-btn'>
立即领取
</div>
{{#if status}}
<div class='coupon-right receive-btn'>
立即领取
</div>
{{^}}
<div class='coupon-right receive-btn'>
已领取
</div>
{{/if}}
</div><!--/coupon-big-->
{{/each}}
{{^}}
{{#each coupons}}
<div class="swiper-slide coupon-small" data-id = "{{id}}">
<div class='coupon-left'>
<span class="coupon-left-price">
<span class="coupon-sign">¥</span>
<span class="coupon-price">{{money}}</span>
</span>
<span class="coupon-left-name">
{{name}}
</span>
</div>
{{#if status}}
<div class='coupon-right receive-btn'>
立即领取
</div>
{{^}}
<div class='coupon-right receive-btn'>
已领取
</div>
{{/if}}
</div><!--/coupon-small-->
{{/each}}
{{/if}}
</div>
</div>
{{/if}}
\ No newline at end of file
{{^}}
<div class='coupon-right receive-btn'>
已领取
</div>
{{/if}}
</div><!--/coupon-small-->
{{/each}}
{{/if}}
... ...

8.36 KB | W: | H:

8.15 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -4,6 +4,10 @@ require('common');
let tip = require('plugin/tip');
$('.invite-reg-page').css('min-height', function() {
return $(window).height();
});
// 埋点
function point(type, trend) {
let pointJosn = {
... ... @@ -33,6 +37,12 @@ $('.set').click(function() {
success: function(result) {
tip.show(result.message);
point(1, $('.command-textarea').val());
if (result.code === 200) {
setTimeout(function() {
location.href = window.cookie('refer');
}, 500);
}
}
});
});
... ...
... ... @@ -13,8 +13,6 @@ let $ = require('yoho-jquery'),
conponNotAvaliableTmpl = require('cart/select-coupon/coupon-not-avaliable.hbs'),
orderInfo = require('cart/buynow/order-info').orderInfo;
require('plugin/tab');
let isGetData;
let $newCoupon = $('#new-coupon'),
... ...
... ... @@ -5,9 +5,20 @@
*/
const $couponCodeInput = $('input[name=couponCode]');
const $submit = $('.submit');
const $useCouponBtnGroup = $('.use-coupon-btn-group');
let Tab = require('plugin/tab');
Tab.prototype.couponavailable = () => {
$useCouponBtnGroup.removeClass('disable');
};
Tab.prototype.couponunavailable = () => {
$useCouponBtnGroup.addClass('disable');
};
$('.select-coupon-page').css('min-height', function() {
return $(window).height() - $('#yoho-header').height();
return $(window).height() - $('#yoho-header').height() + 20;
});
/**
... ...
... ... @@ -12,8 +12,6 @@ let $ = require('yoho-jquery'),
conponNotAvaliableTmpl = require('cart/select-coupon/coupon-not-avaliable.hbs'),
orderInfo = require('./order-info').orderInfo;
require('plugin/tab');
let isGetData;
let $newCoupon = $('#new-coupon'),
... ...
module.exports = function() {
let args = Array.prototype.slice.call(arguments);
let v1 = args[0];
let opt = args[args.length - 1];
let isTrue = false;
for (let i = 1; i < args.length - 1; i++) {
if (v1 === args[i]) {
isTrue = true;
break;
}
}
if (isTrue) {
return opt.fn(this); // eslint-disable-line
} else {
return opt.inverse(this); // eslint-disable-line
}
};
... ...
... ... @@ -82,3 +82,8 @@ $('.withhold').click(function() {
point(2);
$('.set-trend-world').hide();
});
$('.set-trend-world').on('mousewheel touchmove', function(e) {
e.preventDefault();
return false;
});
... ...
... ... @@ -19,6 +19,8 @@ const productListWithFilterModel =
productListWithFilterModel.getFilter();
require('./shop/coupon');
/**
* 添加或者取消收藏处理
* @param {*} opt
... ...
let $ = require('yoho-jquery'),
Swiper = require('yoho-swiper'),
tip = require('plugin/tip');
require('common');
... ... @@ -9,7 +8,7 @@ let shopCoupon = {};
shopCoupon = {
common: {
appVersion: window.queryString.app_version || window.queryString.appVersion,
shopId: parseInt($('.shop-id').val() || $('.shopId').val(), 10) || null,
shopId: parseInt($('.shop-id').val() || $('.shopId').val() || $('#shopId').val(), 10) || null,
couponTemplate: require('product/shop/coupon.hbs')
},
init: function() {
... ... @@ -42,11 +41,6 @@ shopCoupon = {
},
success: function(result) {
$('.coupon-group').html(that.common.couponTemplate(result));
new Swiper('.coupon-content', {
slideElement: '.coupon-small',
slidesPerView: 'auto',
watchSlidesVisibility: true
});
that.userCoupon();
}
});
... ... @@ -54,7 +48,7 @@ shopCoupon = {
userCoupon: function() {
let $self = this;
$('.coupon-content .receive-btn').closest('.swiper-slide').on('click', function() {
$('.coupon-group .receive-btn').closest('.coupon-center').on('click', function() {
let that = this,
code = $(this).data('id') || '';
... ...
... ... @@ -17,11 +17,13 @@
width: 350px;
line-height: 45px;
display: inline-block;
position: relative;
top: -34px;
}
}
.invite-pass {
margin: 66px 30px 0;
margin: 20px 30px 0;
width: 692px;
height: 661px;
background-image: resolve("activity/expand-new/invite-state.png");
... ... @@ -46,7 +48,7 @@
.instructions-title {
text-align: center;
line-height: 48px;
font-weight: 200;
font-weight: 700;
font-size: 24px;
}
... ...
... ... @@ -202,6 +202,10 @@ $fontSizeSmall: 16px;
}
}
.disable {
display: none;
}
.null {
position: absolute;
left: 50%;
... ...
.set-trend-world {
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
.back {
width: 100%;
height: 100%;
... ... @@ -9,7 +15,6 @@
bottom: 0;
background: #000;
opacity: 0.65;
z-index: 5;
}
.set-content {
... ... @@ -24,7 +29,6 @@
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding-bottom: 35px;
z-index: 5;
.banner {
width: 100%;
... ... @@ -68,11 +72,12 @@
text-align: left;
width: 430px;
margin-left: 55px;
line-height: 50px;
line-height: 36px;
margin-bottom: 20px;
height: 0;
overflow: hidden;
font-size: 22px;
font-size: 21px;
font-weight: 700;
.hide-explain {
display: block;
... ... @@ -136,3 +141,48 @@
padding: 64px 60px 40px;
}
}
.my-page {
.set-content {
width: 460px;
margin-top: 134px;
margin-left: -224px;
padding-bottom: 29px;
.banner {
height: 204px;
}
.title {
height: 43px;
width: 284px;
margin: 17px 85px;
}
.trend-world-area {
width: 422px;
height: 55px;
margin-left: 18px;
line-height: 55px;
}
.explain-main {
width: 400px;
margin-left: 30px;
line-height: 34px;
margin-bottom: 17px;
.hide-explain {
width: 18px;
height: 22px;
}
}
.btn {
height: 58px;
width: 204px;
margin-left: 17px;
line-height: 58px;
}
}
}
... ...
... ... @@ -103,10 +103,15 @@
line-height: 46px;
overflow: hidden;
.trend-code {
display: inline-block;
vertical-align: top;
}
.code-set {
margin-left: 8px;
width: 36px;
height: 32px;
width: 37px;
height: 52px;
background: url("/home/index/code-set.png");
background-size: 100%;
background-repeat: no-repeat;
... ...
... ... @@ -115,4 +115,17 @@
}
}
}
.trend-word {
position: relative;
.trend-right {
padding-right: 28px;
}
.iconfont {
position: absolute;
right: 50px;
}
}
}
... ...
... ... @@ -52,7 +52,8 @@
.more {
color: #4a90e2;
display: block;
padding-bottom: 20px;
padding-bottom: 8px;
line-height: 50px;
}
}
... ...
... ... @@ -153,7 +153,7 @@ body.passport-body {
.invite-code {
position: absolute;
left: 15PX;
line-height: 3;
line-height: 2.5;
}
.phone-container {
... ... @@ -162,7 +162,6 @@ body.passport-body {
.code-container {
padding-left: 70PX;
font-size: 32px;
}
.input {
... ... @@ -177,8 +176,7 @@ body.passport-body {
}
.code {
font-size: 28px;
padding-left: 21PX;
padding-left: 35PX;
}
.btn {
... ...
.coupon-content {
.shop-coupon {
overflow: auto;
width: 100%;
color: #fff;
height: 180px;
overflow: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
.coupon-big {
height: 120px;
width: 580px;
height: 140px;
width: 680px;
background: resolve("product/coupon-big.png") no-repeat;
background-size: 580px 120px;
margin: 30px;
background-size: contain;
margin: 35px;
position: relative;
display: inline-block;
white-space: normal;
.coupon-left {
position: absolute;
margin: 10px 0;
margin: 11px 0;
}
.coupon-left .coupon-left-price {
margin: 0 25px;
margin: 0 58px;
float: left;
}
.coupon-left .coupon-left-price .coupon-sign {
font-size: 50px;
float: left;
margin-top: 25px;
width: 35px;
}
.coupon-left .coupon-left-price .coupon-price {
font-size: 72px;
float: left;
}
.coupon-left .coupon-left-name {
font-size: 22px;
width: 250px;
height: 100px;
width: 322px;
height: 117px;
float: left;
align-items: center;
display: flex;
... ... @@ -41,68 +49,77 @@
.coupon-right {
width: 20px;
font-size: 22px;
right: 5%;
right: 37px;
position: absolute;
height: inherit;
line-height: 1.2em;
align-items: center;
display: flex;
transform: scale(0.88);
}
}
.coupon-small {
height: 120px;
width: 245px;
height: 140px;
width: 287px;
background: resolve("product/coupon-small.png") no-repeat;
background-size: 245px 120px;
margin: 30px 0 30px 30px;
background-size: contain;
margin: 35px 0 35px 35px;
position: relative;
float: left;
display: table;
display: inline-block;
white-space: normal;
&:last-child {
margin-right: 35px;
}
.coupon-left {
position: absolute;
width: 165px;
width: 158px;
overflow: hidden;
margin: 0 30px;
margin: 0 35px;
height: inherit;
}
.coupon-left .coupon-left-price {
width: inherit;
display: inline-block;
height: 60px;
height: 64px;
overflow: hidden;
float: left;
}
.coupon-left .coupon-left-price .coupon-sign {
font-size: 42px;
float: left;
width: 33px;
margin-top: 15px;
}
.coupon-left .coupon-left-price .coupon-price {
font-size: 52px;
float: left;
width: 100px;
overflow: hidden;
}
.coupon-left .coupon-left-name {
font-size: 16px;
width: 150px;
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
float: left;
}
.coupon-right {
width: 20px;
width: 23px;
font-size: 18px;
right: 7.5%;
right: 22px;
position: absolute;
height: inherit;
line-height: 1.2em;
align-items: center;
display: flex;
transform: scale(0.88);
}
}
}
... ...
.shop-coupon {
overflow: auto;
width: 100%;
color: #fff;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
.coupon-big {
height: 120px;
width: 580px;
background: resolve("product/coupon-big.png") no-repeat;
background-size: contain;
margin: 30px;
position: relative;
display: inline-block;
white-space: normal;
.coupon-left {
position: absolute;
margin: 10px 0;
}
.coupon-left .coupon-left-price {
margin: 0 25px;
float: left;
}
.coupon-left .coupon-left-price .coupon-sign {
font-size: 50px;
float: left;
margin-top: 20px;
width: 30px;
}
.coupon-left .coupon-left-price .coupon-price {
font-size: 72px;
float: left;
}
.coupon-left .coupon-left-name {
font-size: 22px;
width: 250px;
height: 100px;
float: left;
align-items: center;
display: flex;
}
.coupon-right {
width: 20px;
font-size: 22px;
right: 5%;
position: absolute;
height: inherit;
line-height: 1.2em;
align-items: center;
display: flex;
}
}
.coupon-small {
height: 120px;
width: 245px;
background: resolve("product/coupon-small.png") no-repeat;
background-size: contain;
margin: 30px 0 30px 30px;
position: relative;
display: inline-block;
white-space: normal;
&:last-child {
margin-right: 30px;
}
.coupon-left {
position: absolute;
width: 165px;
overflow: hidden;
margin: 0 30px;
height: inherit;
}
.coupon-left .coupon-left-price {
width: inherit;
height: 60px;
overflow: hidden;
float: left;
}
.coupon-left .coupon-left-price .coupon-sign {
font-size: 42px;
float: left;
width: 30px;
margin-top: 10px;
}
.coupon-left .coupon-left-price .coupon-price {
font-size: 52px;
float: left;
overflow: hidden;
}
.coupon-left .coupon-left-name {
font-size: 16px;
overflow: hidden;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
float: left;
}
.coupon-right {
width: 20px;
font-size: 18px;
right: 7.5%;
position: absolute;
height: inherit;
line-height: 1.2em;
align-items: center;
display: flex;
}
}
}
... ...
... ... @@ -17,5 +17,5 @@
@import "../shop/shop-index";
@import "../shop/shop-prodfile";
@import "../shop/product-category";
@import "../shop/shop-index-coupon";
@import "../shop/shop_coupon_640";
@import "home/hot-category";
... ...