Skip to content

肖康 / iedgeMini

Go to a project
Commit 886b787f by 肖康
Options

ac18

parent b0ecfb5d
Inline Side-by-side
Showing with 510 additions and 82 deletions
assets/css/activity/ac618.scss 0 → 100644
page {
padding-top: 0rpx;
background: #f5f6fa;
}
.ac618Page {
padding-bottom:200rpx;
.headfg{
height:1024rpx;
background: url(https://imgscdn.ichunt.com/show/origin/3bf7c0j20hs0hs0000081hkp49lj4) no-repeat;
background-size: 100% 100%;
}
.group{
.tit{
font-size: 65rpx;
font-weight: bold;
color:#000;
text-align: center;
margin-top:100rpx;
margin-bottom:60rpx;
}
.item{
width: 694rpx;
background: #FFFFFF;
box-shadow: 0rpx 3rpx 4rpx 0rpx rgba(0,0,0,0.3);
border-radius: 20rpx;
border: 1px solid rgba(0,0,0,0.3);
margin:0 auto;
margin-bottom: 60rpx;
position: relative;
box-sizing: border-box;
padding-top:55rpx;
padding-left:31rpx;
padding-right: 31rpx;
padding-bottom:48rpx;
.tag{
width: 138rpx;
height: 89rpx;
position: absolute;
left:8rpx;
top:-12rpx;
background: url(https://imgscdn.ichunt.com/show/origin/649bf0j10hs0hs0000007m4qx7cay) no-repeat;
background-size: 100% 100%;
padding-top:5px;
box-sizing: border-box;
z-index: 1;
.t{
font-weight: bold;
font-size: 15rpx;
color: #FFFFFF;
text-align: center;
}
.b{
font-weight: bold;
font-size: 35rpx;
color: #FFFFFF;
text{
font-size: 14rpx;
position: relative;
top:3px;
}
}
}
image,.imagebox{
width:198rpx;
height:198rpx;
}
.r{
margin-left:38rpx;
.tiop{
width: 380rpx;
height: 28rpx;
line-height: 28rpx;
font-weight: bold;
font-size: 30rpx;
color: #191919;
margin-bottom: 8rpx;
}
.htagbox{
height: 26rpx;
.htagi{
height: 26rpx;
background: rgba(255,219,213,0.3);
border-radius: 5rpx;
border: 1px solid #D7393E;
color:#D7393E;
font-size: 18rpx;
text-align: center;
margin-right:12rpx;
padding:0 8rpx;
}
}
.t-text{
height: 60rpx;
font-size: 26rpx;
line-height: 30rpx;
width: 380rpx;
color: #7F7F7F;
margin-top:14rpx;
margin-bottom:14rpx;
}
.pricebox{
margin-top:22rpx;
.acprice{
color:#CF121B;
font-size:20rpx;
text{
position: relative;
top:2rpx;
}
view{
font-size:35rpx;
font-weight:bold;
}
}
.rcprice{
color:#7F7F7F;
font-size:20rpx;
margin-left:10rpx;
position: relative;
top:2rpx;
text{
text-decoration: line-through;
}
}
}
}
}
}
}
/* #ifdef H5 */
.ac618Page {
}
/* #endif */
assets/css/goods/detail.scss
......@@ -34,6 +34,26 @@
background: #fff;
position: relative;
margin-bottom:20rpx;
.ac618tagt{
position: absolute;
width:90rpx;
height:48rpx;
background: url(https://imgscdn.ichunt.com/show/origin/c4dd60j20hs0hs00000077qs1g3tt) no-repeat;
background-size: 100% 100%;
right:28rpx;
top:28rpx;
}
.ac618tagb{
position: absolute;
width:750rpx;
height:85rpx;
background: url(https://imgscdn.ichunt.com/show/origin/4efdd0j10hs0hs000000a9x2aqrd3) no-repeat;
background-size: 100% 100%;
right:0rpx;
bottom:0rpx;
}
.swiper,.swiper-item{
width:100%;
height:100%;
......@@ -56,6 +76,7 @@
position: absolute;
bottom:24rpx;
right:24rpx;
z-index: 1;
}
}
.info-box{
......@@ -64,38 +85,87 @@
margin:0 auto;
background: #fff;
padding:38rpx 25rpx;
.price-box{
.price1{
font-weight: 600;
font-size: 34rpx;
color: #D91800;
margin-right:43rpx;
&.price1no{
font-weight: normal;
}
}
.price2{
font-size: 34rpx;
color: #1969F9;
padding-top:0rpx;
.priceac168Box{
width:700rpx;
height:110rpx;
background: url(https://imgscdn.ichunt.com/show/origin/3859f0j10hs0hs000000se13yxu3u) no-repeat;
background-size: 100% 100%;
position: relative;
left:-25rpx;
box-sizing: border-box;
padding-left:32rpx;
padding-top:25rpx;
position: relative;
.ac618link{
position: absolute;
height:110rpx;
width:170rpx;
right:0rpx;
top:0rpx;
}
.qytip{
font-size: 24rpx;
color: #1969F9;
margin-left:16rpx;
.tops{
view{
font-weight: 600;
font-size: 35rpx;
color: #FFF7F7;
}
text{
font-size: 21rpx;
color: #D0131A;
background: #fff;
padding:0 4rpx;
margin-left:10rpx;
position: relative;
top:-1rpx;
}
}
.qy{
width: 80rpx;
height: 26rpx;
background: #1969F9;
border-radius: 5rpx;
font-size: 18rpx;
color: #FFFFFF;
text-align: center;
line-height: 28rpx;
margin-left: 12rpx;
border-radius: 5rpx;
.bots{
font-size: 16rpx;
color: rgba(255, 247, 247, 0.8);
text{
text-decoration: line-through;
}
}
}
}
.pricenormalbox{
padding-top:38rpx;
.price-box{
.price1{
font-weight: 600;
font-size: 34rpx;
color: #D91800;
margin-right:43rpx;
&.price1no{
font-weight: normal;
}
}
.price2{
font-size: 34rpx;
color: #1969F9;
}
.qytip{
font-size: 24rpx;
color: #1969F9;
margin-left:16rpx;
}
.qy{
width: 80rpx;
height: 26rpx;
background: #1969F9;
border-radius: 5rpx;
font-size: 18rpx;
color: #FFFFFF;
text-align: center;
line-height: 28rpx;
margin-left: 12rpx;
border-radius: 5rpx;
}
}
}
.tag-box{
flex-wrap: wrap;
margin-top:13rpx;
......
assets/css/index/index.scss
......@@ -192,6 +192,7 @@
}
.priceac168Box{
height:105rpx;
.item12{
margin-bottom:13rpx;
}
......
components/one_item.vue
......@@ -4,6 +4,8 @@
<view class="imgbox">
<!-- <view class="ictag"></view> -->
<image class="imagep" :src="obj.goods_images||'https://www.iedge.net/assets/images/common/defaultnew.png'"></image>
<view class="ac618tagt" v-if="obj.ac_type==10"></view>
<view class="ac618tagb" v-if="obj.ac_type==10"></view>
</view>
<view class="trg">
<view class="name elep2" v-html="obj.sku_name"></view>
......@@ -12,18 +14,34 @@
<view class="item" :class="{'tag1': index % 2 != 0, 'tag2': index % 2 == 0}" v-for="(item,index) in obj.goods_tag.goods_tag_names" :key="index">{{item}}</view>
</view>
</view>
<view class="price-box row" v-if="obj.ladder_price.length>0">
<text class="price0">¥{{obj.ladder_price[0].price_cn||''}}</text>
<text class="price1" v-if="isLogin"><text class="price1" v-if="obj.ladder_price[1].price_cn">¥{{obj.ladder_price[1].price_cn}}</text></text>
<text class="price1" v-else>¥****</text>
<text class="qytag" v-if="obj.ladder_price[1].price_cn">企业价</text>
<!-- <text class="qytip" v-if="!isLogin">登录后查看企业价</text> -->
<view class="priceac168Box" v-if="obj.ac_type==10">
<view class="row" v-if="obj.ladder_price.length>0">
<view class="row item12">
<view class="price0">¥{{obj.ladder_price[0].price_ac||''}}</view>
<view class="tagac">活动价</view>
</view>
<view class="row item11">
<view class="t3">¥{{obj.ladder_price[0].price_cn||''}}</view>
<view class="tagac2">日常价</view>
</view>
</view>
<text v-else class="xunj" @click.stop.prevent="goxj()">立即询价</text>
</view>
<view class="price-box row" v-else>
<text class="xunj" @click.stop.prevent="goxj()">立即询价</text>
<view class="pricenormalbox" v-else>
<view class="price-box row" v-if="obj.ladder_price.length>0">
<text class="price0">¥{{obj.ladder_price[0].price_cn||''}}</text>
<text class="price1" v-if="isLogin"><text class="price1" v-if="obj.ladder_price[1].price_cn">¥{{obj.ladder_price[1].price_cn}}</text></text>
<text class="price1" v-else>¥****</text>
<text class="qytag" v-if="obj.ladder_price[1].price_cn">企业价</text>
<!-- <text class="qytip" v-if="!isLogin">登录后查看企业价</text> -->
</view>
<view class="price-box row" v-else>
<text class="xunj" @click.stop.prevent="goxj()">立即询价</text>
</view>
</view>
</view>
</view>
</navigator>
......@@ -75,12 +93,29 @@ export default {
left:0rpx;
top:16rpx;
}
.ac618tagt{
position: absolute;
width:56rpx;
height:30rpx;
background: url(https://imgscdn.ichunt.com/show/origin/c4dd60j20hs0hs00000077qs1g3tt) no-repeat;
background-size: 100% 100%;
right:0rpx;
top:0rpx;
}
.ac618tagb{
position: absolute;
width:182rpx;
height:23rpx;
background: url(https://imgscdn.ichunt.com/show/origin/4efdd0j10hs0hs000000a9x2aqrd3) no-repeat;
background-size: 100% 100%;
right:0rpx;
bottom:0rpx;
}
}
.imagep{
width: 182rpx;
height: 182rpx;
border-radius: 20rpx;
}
.trg{
.name{
......@@ -111,42 +146,93 @@ export default {
}
}
}
.price-box{
height:42rpx;
.priceac168Box{
.xunj{
color:#D0121B;
color:#F61500;
font-size: 24rpx;
}
.item12{
margin-right:24rpx;
}
.price0{
margin-right: 24rpx;
font-weight: 600;
font-size: 30rpx;
color: #D91800;
line-height: 30rpx;
}
.price1{
font-size: 28rpx;
color: #1969F9;
.t3{
font-size: 30rpx;
color: #808080;
line-height: 30rpx;
text-decoration-line: line-through;
}
.qytag{
width: 76rpx;
height: 26rpx;
background: #1969F9;
border-radius: 5rpx;
.tagac{
height:18rpx;
padding:0 5rpx;
background: #D0121B;
color:#fff;
line-height: 27rpx;
font-size: 12rpx;
line-height: 18rpx;
text-align: center;
margin-left: 10rpx;
font-size: 18rpx;
margin-left:4rpx;
position: relative;
top:4rpx;
top:6rpx;
}
.qytip{
font-size: 24rpx;
color: #1969F9;
margin-left:16rpx;
.tagac2{
height:25rpx;
padding:0 5rpx;
background: #fff;
color:#808080;
font-size: 14rpx;
line-height: 28rpx;
text-align: center;
margin-left:4rpx;
position: relative;
top:3rpx;
}
}
.pricenormalbox{
.price-box{
height:42rpx;
.xunj{
color:#F61500;
font-size: 24rpx;
}
.price0{
margin-right: 24rpx;
font-weight: 600;
font-size: 30rpx;
color: #D91800;
}
.price1{
font-size: 28rpx;
color: #1969F9;
}
.qytag{
width: 76rpx;
height: 26rpx;
background: #1969F9;
border-radius: 5rpx;
color:#fff;
line-height: 27rpx;
text-align: center;
margin-left: 10rpx;
font-size: 18rpx;
position: relative;
top:4rpx;
}
.qytip{
font-size: 24rpx;
color: #1969F9;
margin-left:16rpx;
}
}
}
}
}
</style>
pages.json
......@@ -52,7 +52,8 @@
{"path": "pages/user/orderList"},
{"path": "pages/user/orderDetail"},
{"path": "pages/user/orderPay"},
{"path": "pages/user/orderPayLine"}
{"path": "pages/user/orderPayLine"},
{"path": "pages/activity/ac618"}
],
......
pages/activity/ac618.vue 0 → 100644
<template>
<view class="ac618Page">
<barX />
<view class="headfg"></view>
<view class="cons" v-if="pageData">
<view class="group" v-for="(item,index) in pageData" :key="index">
<view class="tit">{{item.title}}</view>
<navigator :url="'/pages/goods/detail?goods_id='+itemj.goods_id" v-for="(itemj,index1) in item.items" :key="index1">
<view class="item row" >
<view class="tag">
<view class="t">直降</view>
<view class="b row rowCenter verCenter">
<text>￥</text>
<view>{{itemj.ladder_price[0].price_diff}}</view>
</view>
</view>
<view class="imagebox">
<image :src="itemj.goods_images||'https://www.iedge.net/assets/images/common/defaultnew.png'" mode="aspectFit"></image>
</view>
<view class="r">
<view class="elep tiop">{{itemj.sku_name}}</view>
<view class="row htagbox">
<view class="row" v-if="itemj.goods_tag&&itemj.goods_tag.goods_tag_names&&itemj.goods_tag.goods_tag_names.length>0">
<view class="htagi" v-for="(itemtag,indextag) in itemj.goods_tag.goods_tag_names" :key="indextag">{{itemtag}}</view>
</view>
</view>
<view class="t-text elep2">{{itemj.sku_remark}}</view>
<view class="pricebox row">
<view class="acprice row verCenter">
<text>¥</text>
<view>{{itemj.ladder_price[0].price_ac}}</view>
<text>活动价</text>
</view>
<view class="rcprice row verCenter">
<text>¥{{itemj.ladder_price[0].price_cn}}</text>
<view>日常价</view>
</view>
</view>
</view>
</view>
</navigator>
</view>
</view>
</view>
</template>
<script>
import {
Api_Url
} from '@/util/api.js'
import barX from '@/components/barx.vue';
export default {
data() {
return {
pageData:"",
}
},
onLoad: function(option) {
this.getData()
},
methods: {
getData() {
let ids_="1170289276946886404,1173745419524408237,1174131661288254315,1174131661289122442,1172724814288805963,1172017382089346040,1173391395374975834,1173391396428222830,1173391397144422991,1169926442808688467,1170175563836678220,1169899820982184307,1170175563844466642"
var obj_=[]
obj_.push({
title:"三防爆款",
items:[
{goods_id:"1170289276946886404",goods_images:"https://imgscdn.ichunt.com/show/origin/c78b30j10hs0hs000000gk6ix8jly",sku_name:"三防平板 EM-T195-HY2D",sku_remark:"10.1英寸 | 8+128G | 安卓 | 二维码",goods_tag:{goods_tag_names:["专票","顺丰包邮","1年质保"]},ladder_price:[{price_ac:"2850",price_cn:"2350",price_diff:"500"}]},
]
})
obj_.push({
title:"大牌工控秒杀",
items:[
{goods_id:"1173745419524408237",goods_images:"https://imgscdn.ichunt.com/show/origin/c14f20j10hs0hs000000lgjyf6gj7",sku_name:"研华工控机 IPC610L-505G2",sku_remark:"6代i5处理器 | DDR4 8G | HDD 1T",goods_tag:{goods_tag_names:["客制化","原厂正品","2年质保"]},ladder_price:[{price_ac:"4999",price_cn:"5999",price_diff:"1000"}]},
]
})
obj_.push({
title:"PDA立减300",
items:[
{goods_id:"1174131661288254315",goods_images:"https://imgscdn.ichunt.com/show/origin/444850j10hs0hs000000hvgbk47tk",sku_name:"优博讯 PDA DT50X",sku_remark:"5.5英寸 | 4+64G | 安卓11 | NFC",goods_tag:{goods_tag_names:["3年质保","专票","顺丰","防水防摔"]},ladder_price:[{price_ac:"1699",price_cn:"1999",price_diff:"300"}]},
{goods_id:"1174131661289122442",goods_images:"https://imgscdn.ichunt.com/show/origin/3accd0j10hs0hs000000ix57h41uw",sku_name:"优博讯 PDA i6310Pro(4+64G)",sku_remark:"5.5英寸 | 4+64G | 安卓11 | NFC",goods_tag:{goods_tag_names:["3年质保","专票","顺丰","防水防摔"]},ladder_price:[{price_ac:"1614",price_cn:"1899",price_diff:"285"}]},
{goods_id:"1172724814288805963",goods_images:"https://imgscdn.ichunt.com/show/origin/5ef140j10hs0hs000000hxjslqx47",sku_name:"东集 PDA CRUISE Ge2",sku_remark:"5.5英寸 | 4+64G | 安卓11| NFC ",goods_tag:{goods_tag_names:["1年质保","专票","顺丰","防水防摔"]},ladder_price:[{price_ac:"1599",price_cn:"1899",price_diff:"300"}]},
]
})
obj_.push({
title:"读码器8折",
items:[
{goods_id:"1172017382089346040",goods_images:"https://imgscdn.ichunt.com/show/origin/d9d1c0j10hs0hs000001ettyhb422",sku_name:"工业手持读码器",sku_remark:"4mil精度 | 1280×1024 | 4.9mm焦距 ",goods_tag:{goods_tag_names:["原厂正品",,"顺丰包邮","1年质保"]},ladder_price:[{price_ac:"492",price_cn:"615",price_diff:"123"}]},
{goods_id:"1173391395374975834",goods_images:"https://imgscdn.ichunt.com/show/origin/591860j10hs0hs0000014hj4ks9mk",sku_name:"130万NR红光读码器",sku_remark:"50fps | 1024×1280 | 30个码/秒 ",goods_tag:{goods_tag_names:["原厂正品",,"顺丰包邮","1年质保"]},ladder_price:[{price_ac:"704",price_cn:"880",price_diff:"176"}]},
{goods_id:"1173391396428222830",goods_images:"https://imgscdn.ichunt.com/show/origin/ed0a80j10hs0hs000000h4y1qynmo",sku_name:"130W分辨率智能读码器",sku_remark:"60fps | 1280×1024 | 84个码/秒 ",goods_tag:{goods_tag_names:["原厂正品",,"顺丰包邮","1年质保"]},ladder_price:[{price_ac:"2514",price_cn:"3143",price_diff:"629"}]},
{goods_id:"1173391397144422991",goods_images:"https://imgscdn.ichunt.com/show/origin/95b670j10hs0hs000001hmqtx9ekm",sku_name:"600万像素工业读码器",sku_remark:"30fps | 3072×2048 | 90个码/秒 ",goods_tag:{goods_tag_names:["原厂正品",,"顺丰包邮","1年质保"]},ladder_price:[{price_ac:"3799",price_cn:"4749",price_diff:"950"}]},
]
})
obj_.push({
title:"数采卡特价",
items:[
{goods_id:"1169926442808688467",goods_images:"https://imgscdn.ichunt.com/show/origin/aa7020j10hs0hs000002gqpry7tue",sku_name:"凌华数采卡PCI-9112",sku_remark:"16CH | 12bit | 110kS/s | PCI ",goods_tag:{goods_tag_names:["专票","顺丰包邮","2年质保"]},ladder_price:[{price_ac:"3290",price_cn:"4750",price_diff:"1460"}]},
{goods_id:"1170175563836678220",goods_images:"https://imgscdn.ichunt.com/show/origin/5115a0j10hs0hs000002uc1fr66ia",sku_name:"凌华数字化仪PCIE-9834",sku_remark:"4CH | 16bit | 80MS/s | PCle ",goods_tag:{goods_tag_names:["专票","顺丰包邮","2年质保"]},ladder_price:[{price_ac:"17260",price_cn:"25500",price_diff:"8240"}]},
{goods_id:"1169899820982184307",goods_images:"https://imgscdn.ichunt.com/show/origin/8f4c20j10hs0hs000001wsyjt7zzz",sku_name:"凌华GPIB卡LPCI-3488A",sku_remark:"IEEE-488 | 1.5MB/s | PCI ",goods_tag:{goods_tag_names:["专票","顺丰包邮","2年质保"]},ladder_price:[{price_ac:"1700",price_cn:"2750",price_diff:"1050"}]},
{goods_id:"1170175563844466642",goods_images:"https://imgscdn.ichunt.com/show/origin/41fe40j10hs0hs000001lhecstajk",sku_name:"凌华数采卡USB-1902",sku_remark:"16CH | 16bit | 250kS/s | USB ",goods_tag:{goods_tag_names:["专票","顺丰包邮","2年质保"]},ladder_price:[{price_ac:"5990",price_cn:"8900",price_diff:"2910"}]},
]
})
this.pageData=obj_
},
},
components: {
barX,
}
}
</script>
<style scoped lang="scss">
@import '../../assets/css/activity/ac618.scss';
</style>
\ No newline at end of file
pages/goods/detail.vue
......@@ -14,28 +14,41 @@
</swiper-item>
</swiper>
<text class="page-indicator">{{ currentPage + 1 }}/{{ images.length }}</text>
<view class="ac618tagt" v-if="goods_info.ac_type==10"></view>
<view class="ac618tagb" v-if="goods_info.ac_type==10"></view>
</view>
<view class="info-box">
<view class="price-box row verCenter" v-if="goods_info.ladder_price&&goods_info.ladder_price.length>0">
<text class="price1" v-if="goods_info.ladder_price[0]['price_cn']">¥
{{goods_info.ladder_price[0]['price_cn']}}</text>
<text class="price1" v-else>¥立即咨询</text>
<view v-if="isLogin">
<view class="row verCenter" v-if="goods_info.ladder_price[1]['price_cn']">
<text class="price2">¥ {{goods_info.ladder_price[1]['price_cn']||'立即咨询'}}</text>
<text class="qy">企业价</text>
</view>
</view>
<view class="row verCenter" v-else>
<text class="price2">¥ ****</text>
<text class="qy">企业价</text>
<text class="qytip">登录后查看企业价</text>
</view>
</view>
<view class="price-box row verCenter" v-else>
<text class="price1 price1no">¥立即咨询</text>
</view>
<view class="priceac168Box" v-if="goods_info.ac_type==10">
<view class="tops row verCenter">
<view>¥{{goods_info.ladder_price[0]['price_ac']}}</view>
<text>活动价 | 已补贴¥{{goods_info.ladder_price[0]['price_diff']}}</text>
</view>
<view class="bots">日常价：<text>¥{{goods_info.ladder_price[0]['price_cn']}}</text></view>
<navigator class="ac618link" url="/pages/activity/ac618"></navigator>
</view>
<view class="pricenormalbox" v-else>
<view class="price-box row verCenter" v-if="goods_info.ladder_price&&goods_info.ladder_price.length>0">
<text class="price1" v-if="goods_info.ladder_price[0]['price_cn']">¥
{{goods_info.ladder_price[0]['price_cn']}}</text>
<text class="price1" v-else>¥立即咨询</text>
<view v-if="isLogin">
<view class="row verCenter" v-if="goods_info.ladder_price[1]['price_cn']">
<text class="price2">¥ {{goods_info.ladder_price[1]['price_cn']||'立即咨询'}}</text>
<text class="qy">企业价</text>
</view>
</view>
<view class="row verCenter" v-else>
<text class="price2">¥ ****</text>
<text class="qy">企业价</text>
<text class="qytip">登录后查看企业价</text>
</view>
</view>
<view class="price-box row verCenter" v-else>
<text class="price1 price1no">¥立即咨询</text>
</view>
</view>
<view class="tag-box row" v-if="goods_info.goods_tag&&goods_info.goods_tag.goods_tag_names&&goods_info.goods_tag.goods_tag_names.length>0">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment