[更新页面修改部分代码-商城首页企业工具我的资产]
@@ -17,7 +17,7 @@
|
||||
</view>
|
||||
<view class="sales">
|
||||
<slot name="statistics" :value="item">
|
||||
已易{{item.sales}}
|
||||
月易量{{item.sales}}
|
||||
</slot>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -3,9 +3,18 @@
|
||||
<block v-if="list.length > 0">
|
||||
<view class="industry--box" v-for="(item, index) in list" :key="index" @click="industry(item)">
|
||||
<image class="industry--cover" :src="item.cover" mode="aspectFill"></image>
|
||||
<view class="industry--vip">{{item.level.name}}</view>
|
||||
<view class="industry--content">
|
||||
<view class="industry--title">{{item.name}}</view>
|
||||
<view class="industry--credibility">
|
||||
<view class="industry--title nowrap">{{item.name}}</view>
|
||||
<view class="industry--credit">信用值 {{item.integrity}}</view>
|
||||
<view class="industry--trade nowrap" v-if="item.industry">行业:{{item.industry.title}}</view>
|
||||
<view class="industry--bar">
|
||||
<view class="industry--color">
|
||||
<view class="industry--strip" :style="{width: item.process + '%'}"></view>
|
||||
</view>
|
||||
<view class="industry--per">{{item.process}}%</view>
|
||||
</view>
|
||||
<!-- <view class="industry--credibility">
|
||||
<uni-rate
|
||||
:readonly="true"
|
||||
color="#ddd"
|
||||
@@ -13,9 +22,13 @@
|
||||
:value="item.star"
|
||||
:size="14"
|
||||
/>
|
||||
</view> -->
|
||||
<!-- <uni-icons class="industry--arrow" type="arrowright" color="#ddd" size="14" /> -->
|
||||
<view class="industry--tool">
|
||||
<view class="industry--deal">
|
||||
权证数<text class="industry--number">{{item.goodsCount}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="industry--business">{{item.industry.title}}</view>
|
||||
<uni-icons class="industry--arrow" type="arrowright" color="#ddd" size="14" />
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
@@ -64,6 +77,17 @@
|
||||
border-radius: $radius/2;
|
||||
padding: $padding ($padding*3) $padding ($padding * 2 + 128);
|
||||
min-height: 128rpx;
|
||||
.industry--vip {
|
||||
position: absolute;
|
||||
top: $padding;
|
||||
left: $padding;
|
||||
background-color: #191919;
|
||||
color: #f3c8a8;
|
||||
font-size: 24rpx;
|
||||
line-height: 32rpx;
|
||||
padding: 0 8rpx;
|
||||
border-radius: 6rpx 6rpx 6rpx 0;
|
||||
}
|
||||
.industry--cover{
|
||||
position: absolute;
|
||||
left: $padding;
|
||||
@@ -74,18 +98,96 @@
|
||||
.industry--title{
|
||||
font-weight: bold;
|
||||
font-size: $title-size-lg;
|
||||
width: 80%;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
.industry--credit {
|
||||
font-size: 22rpx;
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
color: #ec652f;
|
||||
border: 2rpx solid #ec652f;
|
||||
line-height: 36rpx;
|
||||
border-radius: 6rpx;
|
||||
padding: 0 6rpx;
|
||||
margin: 10rpx 0;
|
||||
}
|
||||
.industry--trade {
|
||||
font-size: 24rpx;
|
||||
color: $text-gray;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
.industry--bar {
|
||||
display: flex;
|
||||
width: 70%;
|
||||
margin-top: 4rpx;
|
||||
.industry--color{
|
||||
background: #ebebeb;
|
||||
border-left: 2rpx solid transparent;
|
||||
border-right: 2rpx solid transparent;
|
||||
width: calc(100% - 50rpx);
|
||||
border-radius: 60rpx;
|
||||
margin: 6rpx 10rpx 0 0;
|
||||
height: 18rpx;
|
||||
.industry--strip {
|
||||
background-color: #ff8562;
|
||||
border: 1px solid #ff8562;
|
||||
border-radius: 10px;
|
||||
box-shadow: 1vw 3vh 10vh rgba(168, 7, 7, 0.8);
|
||||
background-size: 3em 3em;
|
||||
background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #ec3950 0.9em, #ec3950 2.1em, transparent 2.1em, transparent 2.9em, #ec3950 3.1em);
|
||||
height: 14rpx;
|
||||
border-radius: 60rpx;
|
||||
position: relative;
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
background-image: linear-gradient(to bottom, #db152e, rgba(168, 7, 7, 0.6) 15%, transparent 60%, #db152e);
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.industry--per {
|
||||
font-size: 20rpx;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
transform: scale(.8);
|
||||
}
|
||||
}
|
||||
.industry--tool {
|
||||
position: absolute;
|
||||
top: 60rpx;
|
||||
right: $padding;
|
||||
.industry--deal {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
text-align: center;
|
||||
background: linear-gradient(to bottom, #e1293f, #f85d31);
|
||||
box-shadow: 0 0 14rpx rgba(260, 60, 80, .9);
|
||||
color: #FFFFFF;
|
||||
font-size: 26rpx;
|
||||
border-radius: 50%;
|
||||
padding-top: 25rpx;
|
||||
box-sizing: border-box;
|
||||
font-size: 24rpx;
|
||||
.industry--number {
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.industry--credibility{
|
||||
padding-top: 8rpx;
|
||||
height: 48rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.industry--business{
|
||||
line-height: 40rpx;
|
||||
font-size: $title-size-sm;
|
||||
color: $text-gray;
|
||||
}
|
||||
.industry--arrow{
|
||||
position: absolute;
|
||||
right: $margin;
|
||||
|
||||
@@ -21,6 +21,21 @@
|
||||
</view>
|
||||
<!-- 店铺概况 -->
|
||||
<view class="general">
|
||||
<view class="general-box member">
|
||||
<view class="member-name">
|
||||
会员中心
|
||||
</view>
|
||||
<view class="member-cont">
|
||||
<view class="member-tips">
|
||||
<view class="member-tips-title">会员升级/续费</view>
|
||||
<view class="member-tips-time">有效期:2022年10月1日</view>
|
||||
</view>
|
||||
<view class="member-btn" @click="$Router.push({name: 'Vip'})">
|
||||
<image class="member-btn-icon" src="../../static/icons/store_icon_vip.png" mode="aspectFill"></image>
|
||||
<view class="member-btn-name">去升级</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="general-box">
|
||||
<view class="general-item" @click="$Router.push({name: 'Visitors'})">
|
||||
<view class="number">{{wordData.middle.visitors || 0}}</view>
|
||||
@@ -30,20 +45,32 @@
|
||||
<view class="number">{{wordData.middle.clinch || 0}}</view>
|
||||
<view class="text">成交客户</view>
|
||||
</view>
|
||||
<!-- <view class="general-item" @click="$Router.push({name: 'Employees'})">
|
||||
<view class="number">{{wordData.middle.employees || 0}}</view>
|
||||
<view class="text">员工数量</view>
|
||||
</view>
|
||||
<view class="general-item">
|
||||
<view class="number">{{wordData.middle.hold || 0}}</view>
|
||||
<view class="text">权证持有</view>
|
||||
</view>
|
||||
<view class="general-item">
|
||||
<view class="number">{{wordData.middle.transfer || 0}}</view>
|
||||
<view class="text">转让权证</view>
|
||||
</view> -->
|
||||
<view class="general-item">
|
||||
<view class="number">{{wordData.top.barter_total || 0}}</view>
|
||||
<view class="text">总交易额</view>
|
||||
<view class="text">总收益额</view>
|
||||
</view>
|
||||
<view class="general-item" @click="$Router.push({name: 'GoodsMag'})">
|
||||
<view class="number">{{wordData.middle.sale || 0}}</view>
|
||||
<view class="text">在售权证</view>
|
||||
</view>
|
||||
<view class="general-item">
|
||||
<view class="number">{{wordData.middle.hold || 0}}</view>
|
||||
<view class="number">{{wordData.top.barter_total || 0}}</view>
|
||||
<view class="text">退货单处理</view>
|
||||
</view>
|
||||
<view class="general-item">
|
||||
<view class="number">{{wordData.middle.transfer || 0}}</view>
|
||||
<view class="number">{{wordData.top.barter_total || 0}}</view>
|
||||
<view class="text">发货单处理</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -94,10 +121,17 @@
|
||||
<image class="icon" src="@/static/icons/tool_icon_03.png" mode="aspectFill"></image>
|
||||
<view class="title">收款管理</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 企业营销工具管理 -->
|
||||
<view class="tool-flex store">
|
||||
<view class="store-item" @click="$Router.push({name: 'Basics'})">
|
||||
<image class="icon" src="@/static/icons/tool_icon_04.png" mode="aspectFill"></image>
|
||||
<view class="title">基础信息</view>
|
||||
</view>
|
||||
<!-- <view class="store-item">
|
||||
<image class="icon" src="@/static/icons/tool_icon_05.png" mode="aspectFill"></image>
|
||||
<view class="title">智能名片</view>
|
||||
</view> -->
|
||||
<view class="store-item">
|
||||
<image class="icon" src="@/static/icons/tool_icon_06.png" mode="aspectFill"></image>
|
||||
<view class="title">营销推广码</view>
|
||||
@@ -111,15 +145,10 @@
|
||||
<view class="title">员工管理</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 企业数据统计 -->
|
||||
<view class="tool-flex">
|
||||
<l-f2 ref="chart"></l-f2>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import F2 from '@/uni_modules/lime-f2/components/l-f2/f2.min.js'
|
||||
export default {
|
||||
name:"store-boss",
|
||||
props:{
|
||||
@@ -130,17 +159,7 @@
|
||||
return {
|
||||
top : {},
|
||||
middle : {},
|
||||
order : {},
|
||||
data: [{
|
||||
date: '2017-06-05',
|
||||
value: 116
|
||||
}, {
|
||||
date: '2017-06-06',
|
||||
value: 129
|
||||
}, {
|
||||
date: '2017-06-07',
|
||||
value: 135
|
||||
}]
|
||||
order : {}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -154,7 +173,7 @@
|
||||
.statistical{
|
||||
display: flex;
|
||||
background: $text-price;
|
||||
padding: $padding ($padding/2) $padding*5;
|
||||
padding: $padding ($padding/2) $padding*2;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
.item{
|
||||
@@ -173,7 +192,7 @@
|
||||
}
|
||||
// 店铺概况
|
||||
.general{
|
||||
margin: -$margin*5 $margin 0 $margin;
|
||||
margin: -$margin*2 $margin 0 $margin;
|
||||
.general-box{
|
||||
background-color: white;
|
||||
border-radius: $radius/2;
|
||||
@@ -197,6 +216,73 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 新增
|
||||
.member {
|
||||
margin-bottom: $margin;
|
||||
font-size: 26rpx;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
background-image: linear-gradient(to right, #fbdba7, #ddb264);
|
||||
position: relative;
|
||||
color: #533108;
|
||||
height: 120rpx;
|
||||
.member-name {
|
||||
width: 160rpx;
|
||||
line-height: 120rpx;
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
&::after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
right: 0;
|
||||
top: 25%;
|
||||
height: 50%;
|
||||
width: 4rpx;
|
||||
background-color: #d8b66f;
|
||||
}
|
||||
}
|
||||
.member-cont {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
padding-left: 180rpx;
|
||||
padding-right: 20rpx;
|
||||
box-sizing: border-box;
|
||||
.member-tips {
|
||||
flex: 1;
|
||||
padding-top: 30rpx;
|
||||
.member-tips-time {
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
.member-btn{
|
||||
height: 64rpx;
|
||||
line-height: 64rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-top: 30rpx;
|
||||
padding: 0 15rpx;
|
||||
background-image: linear-gradient(to right, #6f747f, #3e4655);
|
||||
display: flex;
|
||||
.member-btn-name {
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
background: linear-gradient(to right, #f6d8ac, #c39f63);
|
||||
-webkit-background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
.member-btn-icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin: 15rpx 10rpx 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 店铺工具
|
||||
.tool-flex{
|
||||
|
||||
@@ -17,8 +17,24 @@
|
||||
:src="item.cover"
|
||||
mode="aspectFill"
|
||||
/>
|
||||
<view class="item-vip">
|
||||
<view class="item-vip-text">{{item.level.name}}</view>
|
||||
<view class="item-vip-tips">企业</view>
|
||||
</view>
|
||||
<view class="item-title nowrap">{{item.name || '-'}}</view>
|
||||
<view class="item-btn" @click="onOpenWechat(item)">进店</view>
|
||||
<view class="item-trade nowrap">行业:{{item.industry.title}}</view>
|
||||
<view class="item-bar">
|
||||
<view class="item-bar-color">
|
||||
<view class="item-bar-strip" :style="{width: item.process + '%'}">
|
||||
<text class="item-bar-per">{{item.process}}%</text>
|
||||
</view>
|
||||
</view>
|
||||
<image class="item-bar-strip-img" src="../../static/icons/equity_arrow_up.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="item-url">
|
||||
<view class="item-credit"><image class="item-credit-img" src="../../static/icons/equity_arrow_icon.png" mode="aspectFill"></image>信用值 {{item.integrity}}</view>
|
||||
<view class="item-btn" @click="onOpenWechat(item)">进店<image src="../../static/icons/equity_arrow_right.png" mode="aspectFill"></image></view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</scroll-view>
|
||||
@@ -30,15 +46,29 @@
|
||||
</view>
|
||||
<swiper class="hot-swiper">
|
||||
<swiper-item v-for="(item, index) in hotBus" :key="index">
|
||||
<view class="hot-box">
|
||||
<view class="hot-box" @click="onOpenWechat(item)">
|
||||
<image
|
||||
class="cover"
|
||||
:src="item.cover"
|
||||
mode="aspectFill"
|
||||
/>
|
||||
<view class="hot-vip">{{item.level.name}}</view>
|
||||
<view class="hot-content">
|
||||
<view class="hot-title nowrap">{{item.name || '-'}}</view>
|
||||
<view class="credibility">
|
||||
<view class="hot-credit">信誉值 {{item.integrity}}</view>
|
||||
<view class="hot-trade nowrap">所属行业:{{item.industry.title}}</view>
|
||||
<view class="hot-warrant">
|
||||
<view class="hot-warrant-text nowrap">
|
||||
权证数量:{{item.goodsCount}}
|
||||
</view>
|
||||
<view class="hot-bar">
|
||||
<view class="hot-bar-color">
|
||||
<view class="hot-bar-strip" :style="{width: item.process + '%'}"></view>
|
||||
</view>
|
||||
<view class="hot-bar-per">{{item.process}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="credibility">
|
||||
<uni-rate
|
||||
:readonly="true"
|
||||
color="#ddd"
|
||||
@@ -47,9 +77,13 @@
|
||||
:size="14"
|
||||
/>
|
||||
</view>
|
||||
<view class="trading nowrap">累计交易{{item.orders || 0}}次</view>
|
||||
<view class="trading nowrap">累计交易次</view> -->
|
||||
</view>
|
||||
<view class="hot-tool">
|
||||
<view class="hot-deal">
|
||||
交易量<text class="hot-deal-number">{{item.saleCount || 0}}次</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn" @click="onOpenWechat(item)">进店</view>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</swiper>
|
||||
@@ -77,6 +111,10 @@
|
||||
<image class="cover" :src="item.cover" mode="aspectFill"></image>
|
||||
<view class="title">{{item.name}}</view>
|
||||
</view>
|
||||
<view class="classify-item">
|
||||
<image class="cover" src="../../static/icons/equity_nav.png" mode="aspectFill"></image>
|
||||
<view class="title">查看全部</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 每日推荐 -->
|
||||
@@ -109,11 +147,23 @@
|
||||
<view class="coupons" v-if="coupons.length > 0">
|
||||
<view class="coupons-item" v-for="(item, index) in coupons" :key="index">
|
||||
<view class="content">
|
||||
<view class="coupons-title">{{item.title}}</view>
|
||||
<view class="sun-text">{{item.title}}</view>
|
||||
<view class="btn">立即领取</view>
|
||||
<view class="coupons-title">
|
||||
<view class="coupons-title-tips" v-if="item.type">
|
||||
<!-- value == 1服务券 value == 2代金券 value == 3提货券 -->
|
||||
<image v-if="item.type.value == '1'" class="coupons-title-icon" src="../../static/icons/equity_coupons_01.png" mode="aspectFill"></image>
|
||||
<image v-else-if="item.type.value == '2'" class="coupons-title-icon" src="../../static/icons/equity_coupons_02.png" mode="aspectFill"></image>
|
||||
<image v-else-if="item.type.value == '3'" class="coupons-title-icon" src="../../static/icons/equity_coupons_03.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<image class="logo" :src="item.cover" mode="aspectFill"></image>
|
||||
<view class="coupons-title-name">
|
||||
{{item.title}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="sun-text">{{item.title}}</view>
|
||||
</view>
|
||||
<view class="logo">
|
||||
<image class="logo-img" :src="item.cover" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="btn">立即领取</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 优选商品 -->
|
||||
@@ -218,7 +268,8 @@
|
||||
// 易货首页
|
||||
getMall(){
|
||||
mall().then(res => {
|
||||
this.classify = res.categories
|
||||
console.log(res.coupons)
|
||||
this.classify = res.categories.slice(0, 9)
|
||||
this.banners = res.banners
|
||||
this.coupons = res.coupons
|
||||
this.position = res.positions
|
||||
@@ -404,19 +455,37 @@
|
||||
border-radius: $radius/2;
|
||||
padding: $padding - 10;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
// display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
.content{
|
||||
width: calc(100% - 118rpx);
|
||||
width: 100%;
|
||||
.coupons-title{
|
||||
font-size: $title-size-lg;
|
||||
font-weight: 600;
|
||||
margin-bottom: 10rpx;
|
||||
line-height: 54rpx;
|
||||
display: flex;
|
||||
@extend .nowrap;
|
||||
.coupons-title-tips {
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
background-color: #f5f5f5;
|
||||
text-align: center;
|
||||
margin-right: 10rpx;
|
||||
.coupons-title-icon {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
margin: 11rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.sun-text{
|
||||
font-size: $title-size-sm;
|
||||
color: $text-gray;
|
||||
margin-bottom: $margin/2;
|
||||
line-height: 54rpx;
|
||||
@extend .nowrap;
|
||||
}
|
||||
.btn{
|
||||
@@ -431,10 +500,28 @@
|
||||
}
|
||||
}
|
||||
.logo{
|
||||
width: 98rpx;
|
||||
height: 98rpx;
|
||||
border-radius: 50%;
|
||||
border:solid 1rpx $border-color;
|
||||
width: 100%;
|
||||
padding-top: 70%;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
.logo-img {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.btn {
|
||||
background-color: #faf2dd;
|
||||
border-radius: 8rpx;
|
||||
margin-top: 20rpx;
|
||||
color: #fd5f3c;
|
||||
text-align: center;
|
||||
line-height: 64rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -460,7 +547,7 @@
|
||||
// 热易商家
|
||||
.hot-swiper{
|
||||
margin: 0 $margin $margin $margin;
|
||||
height: 198rpx;
|
||||
height: 240rpx;
|
||||
.hot-box{
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
@@ -469,6 +556,40 @@
|
||||
background: white;
|
||||
padding: $padding;
|
||||
box-sizing: border-box;
|
||||
.hot-vip {
|
||||
position: absolute;
|
||||
top: $padding;
|
||||
left: $padding;
|
||||
background-color: #191919;
|
||||
color: #f3c8a8;
|
||||
font-size: 24rpx;
|
||||
line-height: 32rpx;
|
||||
padding: 0 8rpx;
|
||||
border-radius: 6rpx 6rpx 6rpx 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.hot-tool {
|
||||
position: absolute;
|
||||
top: 30rpx;
|
||||
right: $padding;;
|
||||
.hot-deal {
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
text-align: center;
|
||||
box-shadow: 0 0 14rpx rgba(260, 60, 80, .9);
|
||||
background: linear-gradient(to bottom, #e1293f, #f85d31);
|
||||
color: #FFFFFF;
|
||||
font-size: 26rpx;
|
||||
border-radius: 50%;
|
||||
padding-top: 25rpx;
|
||||
box-sizing: border-box;
|
||||
font-size: 24rpx;
|
||||
.hot-deal-number {
|
||||
font-size: 28rpx;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cover{
|
||||
position: absolute;
|
||||
@@ -478,13 +599,80 @@
|
||||
height: calc(198rpx - #{$padding * 2});
|
||||
}
|
||||
.hot-content{
|
||||
padding-right: calc(100rpx + #{$padding});
|
||||
padding-left: calc(198rpx - #{$padding});
|
||||
.hot-title{
|
||||
font-weight: bold;
|
||||
font-size: $title-size-lg;
|
||||
line-height: 40rpx;
|
||||
padding-bottom: 10rpx;
|
||||
height: 40rpx;
|
||||
width: 60%;
|
||||
}
|
||||
.hot-credit {
|
||||
font-size: 24rpx;
|
||||
display: inline-block;
|
||||
font-weight: normal;
|
||||
color: #ec652f;
|
||||
border: 2rpx solid #ec652f;
|
||||
line-height: 36rpx;
|
||||
border-radius: 6rpx;
|
||||
padding: 0 6rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.hot-trade,
|
||||
.hot-warrant{
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
.hot-trade {
|
||||
width: 60%;
|
||||
}
|
||||
.hot-warrant {
|
||||
display: flex;
|
||||
.hot-warrant-text {
|
||||
width: 50%;
|
||||
}
|
||||
.hot-bar {
|
||||
display: flex;
|
||||
width: 50%;
|
||||
margin-top: 4rpx;
|
||||
.hot-bar-color{
|
||||
background: #ebebeb;
|
||||
border-left: 2rpx solid transparent;
|
||||
border-right: 2rpx solid transparent;
|
||||
width: calc(100% - 50rpx);
|
||||
border-radius: 60rpx;
|
||||
margin: 6rpx 10rpx 0 0;
|
||||
height: 18rpx;
|
||||
.hot-bar-strip {
|
||||
background-color: #ff8562;
|
||||
border: 1px solid #ff8562;
|
||||
border-radius: 10px;
|
||||
box-shadow: 1vw 3vh 10vh rgba(168, 7, 7, 0.8);
|
||||
background-size: 3em 3em;
|
||||
background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #ec3950 0.9em, #ec3950 2.1em, transparent 2.1em, transparent 2.9em, #ec3950 3.1em);
|
||||
height: 14rpx;
|
||||
border-radius: 60rpx;
|
||||
position: relative;
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
background-image: linear-gradient(to bottom, #db152e, rgba(168, 7, 7, 0.6) 15%, transparent 60%, #db152e);
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hot-bar-per {
|
||||
font-size: 20rpx;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
transform: scale(.8);
|
||||
}
|
||||
}
|
||||
}
|
||||
.credibility{
|
||||
@@ -515,12 +703,13 @@
|
||||
// 推荐商家
|
||||
.recommended{
|
||||
white-space:nowrap;
|
||||
.item-box{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 240rpx;
|
||||
background: white;
|
||||
width: 370rpx;
|
||||
margin-left: $margin;
|
||||
padding: ($padding + $padding/2) $padding;
|
||||
border-radius: ($radius/2);
|
||||
padding: ($padding + $padding/2) $padding - 10;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
@@ -528,23 +717,136 @@
|
||||
margin-right: $margin;
|
||||
}
|
||||
.item-cover{
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
background: #eee;
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
vertical-align: top;
|
||||
border-radius: $radius / 2;
|
||||
}
|
||||
.item-vip {
|
||||
position: absolute;
|
||||
left: 0;;
|
||||
top: 20rpx;
|
||||
background-color: #f3ceb3;
|
||||
font-size: 24rpx;
|
||||
line-height: 38rpx;
|
||||
border-radius: 0 6rpx 6rpx 0;
|
||||
display: flex;
|
||||
.item-vip-text {
|
||||
background-color: #191919;
|
||||
color: #f3c8a8;
|
||||
padding: 0 6rpx;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.item-vip-tips {
|
||||
padding: 0 6rpx;
|
||||
}
|
||||
}
|
||||
font-weight: bold;
|
||||
font-size: $title-size-lg;
|
||||
padding: ($padding/2) 0;
|
||||
.item-title{
|
||||
margin: 20rpx 0 10rpx;
|
||||
}
|
||||
.item-trade {
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
.item-bar {
|
||||
display: flex;
|
||||
margin: 10rpx 0 20rpx;
|
||||
.item-bar-color {
|
||||
background: #ebebeb;
|
||||
border-left: 2rpx solid transparent;
|
||||
border-right: 2rpx solid transparent;
|
||||
width: calc(100% - 50rpx);
|
||||
border-radius: 60rpx;
|
||||
margin: 4rpx 10rpx 0 0;
|
||||
.item-bar-strip {
|
||||
background-color: #f3c8a8;
|
||||
border: 2rpx solid #f3c8a8;
|
||||
border-radius: 20rpx;
|
||||
box-shadow: 1vw 3vh 10vh rgba(168, 7, 7, 0.8);
|
||||
background-size: 3em 3em;
|
||||
background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #ee883d 0.9em, #ee883d 2.1em, transparent 2.1em, transparent 2.9em, #ee883d 3.1em);
|
||||
animation: warning-animation 1.4s infinite linear;
|
||||
height: 14rpx;
|
||||
border-radius: 60rpx;
|
||||
position: relative;
|
||||
.item-bar-per {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -6rpx;
|
||||
height: 100%;
|
||||
font-size: 20rpx;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.4);
|
||||
transform: scale(.8);
|
||||
}
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
background-image: linear-gradient(to bottom, #ee883d, rgba(168, 7, 7, 0.6) 15%, transparent 60%, #ee883d);
|
||||
border-radius: 10px;
|
||||
}
|
||||
@keyframes warning-animation {
|
||||
0% {
|
||||
background-position: 0 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 3em 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.item-bar-strip-img {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
animation: bounce-up 1.5s linear infinite;
|
||||
}
|
||||
@keyframes bounce-up {
|
||||
25% {transform: translateY(2rpx);}
|
||||
50%, 100% {transform: translateY(0);}
|
||||
75% {transform: translateY(-2rpx);}
|
||||
}
|
||||
}
|
||||
.item-url {
|
||||
background: linear-gradient(to right, #e1293f, #f85d31);
|
||||
color: #FFFFFF;
|
||||
border-radius: 10rpx;
|
||||
display: flex;
|
||||
line-height: 52rpx;
|
||||
padding: 10rpx;
|
||||
box-sizing: border-box;
|
||||
font-size: 28rpx;
|
||||
.item-credit {
|
||||
font-size: 24rpx;
|
||||
border-radius: 6rpx;
|
||||
background-color: #FFFFFF;
|
||||
color: #e1293f;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
text-align: left;
|
||||
padding: 0 10rpx;
|
||||
box-sizing: border-box;
|
||||
.item-credit-img {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
margin: 12rpx 8rpx 0 0;
|
||||
}
|
||||
}
|
||||
font-size: $title-size-m;
|
||||
background-color: $text-price;
|
||||
color: white;
|
||||
line-height: 50rpx;
|
||||
display: inline-block;
|
||||
width: 100rpx;
|
||||
.item-btn{
|
||||
padding-left: 20rpx;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
image {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,17 +13,26 @@
|
||||
<!-- 产品详情 -->
|
||||
<view class="goods-content">
|
||||
<view class="header">
|
||||
<view class="title">{{goodsObj.name}}</view>
|
||||
<view class="sub-title">{{goodsObj.description}}</view>
|
||||
<view class="flex-box">
|
||||
<view class="price"><text>¥</text>{{goodsObj.price.show}}</view>
|
||||
<view class="sales">累计易货{{goodsObj.sales}}次</view>
|
||||
</view>
|
||||
<view class="coupon">
|
||||
<view class="coupon-list" v-for="(item, index) in couponSee" :key="index">
|
||||
<view class="coupon-label">
|
||||
{{item.title}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="coupon-btn">领券<image class="coupon-btn-img" src="../../static/icons/goods_row.png" mode="aspectFill"></image></view>
|
||||
</view>
|
||||
<view class="title"><view class="title-hot">热卖</view>{{goodsObj.name}}</view>
|
||||
<!-- <view class="sub-title">{{goodsObj.description}}</view> -->
|
||||
</view>
|
||||
<!-- 商家信息 -->
|
||||
<view class="store">
|
||||
<view class="title">{{goodsObj.shop.name}}</view>
|
||||
<image class="logo" :src="goodsObj.shop.cover" mode="aspectFill"></image>
|
||||
<view class="store-cont">
|
||||
<view class="title">{{goodsObj.shop.name}}</view>
|
||||
<view class="rate">
|
||||
<uni-rate
|
||||
:readonly="true"
|
||||
@@ -35,6 +44,18 @@
|
||||
</view>
|
||||
<view class="openbtn" @click="onOpenWechat">进店</view>
|
||||
</view>
|
||||
<view class="tooSee">
|
||||
<view class="tooSee-label">
|
||||
区块链证书
|
||||
</view>
|
||||
<view class="tooSee-label">
|
||||
商品认证
|
||||
</view>
|
||||
<view class="tooSee-label">
|
||||
商品溯源
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 产品规格 -->
|
||||
<view class="size">
|
||||
<view class="size-item nowrap">
|
||||
@@ -71,17 +92,22 @@
|
||||
data() {
|
||||
return {
|
||||
loding : true,
|
||||
goodsObj: {},
|
||||
identity: '',
|
||||
company : {}
|
||||
goodsObj : {},
|
||||
identity : '',
|
||||
company : {},
|
||||
coupons : {},
|
||||
couponSee : ""
|
||||
};
|
||||
},
|
||||
created() {
|
||||
goods(this.$Route.query.id || 16).then(res=>{
|
||||
console.log(res.coupons)
|
||||
this.loding = false
|
||||
this.goodsObj = res
|
||||
this.identity = res.identity.id || ''
|
||||
this.company = res.company
|
||||
this.couponSee= res.coupons.slice(0, 3)
|
||||
this.coupons = res.coupons
|
||||
})
|
||||
},
|
||||
methods:{
|
||||
@@ -158,17 +184,26 @@
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
background-color: white;
|
||||
margin-top: -$margin;
|
||||
border-radius: $radius $radius 0 0;
|
||||
padding-bottom: calc((#{$padding} * 2) + (env(safe-area-inset-bottom) / 2) + 90rpx);
|
||||
padding-bottom: calc((#{$padding} * 2) + (constant(safe-area-inset-bottom) / 2) + 90rpx);
|
||||
// 详情
|
||||
.header{
|
||||
padding: ($padding*2) $padding $padding;
|
||||
padding: 0 $padding $padding;
|
||||
.title{
|
||||
font-size: $title-size;
|
||||
font-weight: bold;
|
||||
line-height: 50rpx;
|
||||
display: flex;
|
||||
.title-hot {
|
||||
background-color: #fee195;
|
||||
font-size: 24rpx;
|
||||
border-radius: 50rpx;
|
||||
padding: 0 10rpx;
|
||||
height: 38rpx;
|
||||
line-height: 38rpx;
|
||||
margin: 6rpx 10rpx 0 0;
|
||||
}
|
||||
}
|
||||
.sub-title{
|
||||
line-height: 40rpx;
|
||||
@@ -196,15 +231,52 @@
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
// 新增优惠券
|
||||
.coupon {
|
||||
background-color: #fef2f2;
|
||||
color: #e1293f;
|
||||
border-radius: 8rpx;
|
||||
border: 2rpx solid #e7e2df;
|
||||
padding: $padding - 10;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
position: relative;
|
||||
margin-bottom: $margin - 10;
|
||||
.coupon-list {
|
||||
font-size: 24rpx;
|
||||
.coupon-label {
|
||||
display: inline-block;
|
||||
border: 2rpx solid #e1293f;
|
||||
border-radius: 50rpx;
|
||||
padding: 4rpx 15rpx;
|
||||
margin-right: $margin - 10;
|
||||
}
|
||||
}
|
||||
.coupon-btn {
|
||||
position: absolute;
|
||||
right: $padding - 10;
|
||||
top: $padding - 10;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
font-weight: 700;
|
||||
.coupon-btn-img {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 店铺
|
||||
.store{
|
||||
position: relative;
|
||||
margin: 0 $margin;
|
||||
background: #F8F8F8;
|
||||
// background: #F8F8F8;
|
||||
background: #999;
|
||||
border-radius: $radius/2;
|
||||
padding: $padding 200rpx $padding (118rpx + $padding);
|
||||
min-height: 98rpx;
|
||||
padding: $padding;
|
||||
min-height: 160rpx;
|
||||
.logo{
|
||||
position: absolute;
|
||||
left: $margin;
|
||||
@@ -213,6 +285,69 @@
|
||||
height: 98rpx;
|
||||
border-radius: $radius/2;
|
||||
}
|
||||
.store-cont {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding-left: 150rpx;
|
||||
padding-top: 20rpx;
|
||||
box-sizing: border-box;
|
||||
height: 140rpx;
|
||||
}
|
||||
.tooSee {
|
||||
position: absolute;
|
||||
top: 150rpx;
|
||||
left: 0;
|
||||
font-size: 24rpx;
|
||||
padding-left: $padding;
|
||||
box-sizing: border-box;
|
||||
.tooSee-label {
|
||||
background-color: #fd683e;
|
||||
border-radius: 8rpx 4rpx 4rpx 6rpx;
|
||||
color: #FFFFFF;
|
||||
height: 52rpx;
|
||||
line-height: 52rpx;
|
||||
padding: 0 $padding - 15;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
margin-right: $margin * 2;
|
||||
position: relative;
|
||||
&::after, &::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
&::after {
|
||||
right: -40rpx;
|
||||
top: 0;
|
||||
background-color: #f64c37;
|
||||
width: 40rpx;
|
||||
height: 100%;
|
||||
border-radius: 4rpx 8rpx 8rpx 4rpx;
|
||||
}
|
||||
&::before {
|
||||
right: -1rpx;
|
||||
top: 5%;
|
||||
border: 1rpx dashed #fb745a;
|
||||
height: 90%;
|
||||
z-index: 2;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
&:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
&:first-child {
|
||||
background-color: #f2d7aa;
|
||||
color: #362507;
|
||||
}
|
||||
&:first-child::after {
|
||||
background-color: #f1d599;
|
||||
}
|
||||
&:first-child::before {
|
||||
border-color: #fae2b9;
|
||||
}
|
||||
}
|
||||
}
|
||||
.title{
|
||||
font-size: $title-size-lg;
|
||||
font-weight: bold;
|
||||
@@ -221,12 +356,10 @@
|
||||
}
|
||||
// rate
|
||||
.openbtn{
|
||||
width: 140rpx;
|
||||
position: absolute;
|
||||
right: $margin;
|
||||
top: 50%;
|
||||
background: $text-price;
|
||||
color: white;
|
||||
top: $margin * 3;
|
||||
color: #848484;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
text-align: center;
|
||||
|
||||
@@ -95,7 +95,7 @@
|
||||
<image class="item-cover" src="@/static/icons/user_icon_03.png" mode="aspectFill"></image>
|
||||
<view class="item-title">我的优惠券</view>
|
||||
</view>
|
||||
<view class="item" @click="outLogin">
|
||||
<view class="item">
|
||||
<image class="item-cover" src="@/static/icons/user_icon_04.png" mode="aspectFill"></image>
|
||||
<view class="item-title">地址管理</view>
|
||||
</view>
|
||||
@@ -119,31 +119,30 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 排名信息 -->
|
||||
<view class="user-group">
|
||||
<view class="title">
|
||||
<view class="title-text">全站推广人数排名</view>
|
||||
<view class="title-text">推广排名</view>
|
||||
</view>
|
||||
<view class="ranking-item">
|
||||
<view class="ranking-number">1</view>
|
||||
<image class="ranking-cover" src="@/static/dev/good_cover_00.jpg" mode="aspectFill"></image>
|
||||
<view class="ranking-nickname nowrap">唐明明唐明明唐明明唐明明唐明明唐明明唐明明</view>
|
||||
<view class="ranking-count">100人</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 排名信息 -->
|
||||
<view class="user-group">
|
||||
<view class="title">
|
||||
<view class="title-text">全站推广企业排名</view>
|
||||
</view>
|
||||
<view class="ranking-item">
|
||||
<view class="ranking-number">1</view>
|
||||
<image class="ranking-cover" src="@/static/dev/good_cover_00.jpg" mode="aspectFill"></image>
|
||||
<view class="ranking-nickname nowrap">唐明明唐明明唐明明唐明明唐明明唐明明唐明明</view>
|
||||
<view class="ranking-count">100家</view>
|
||||
<view class="ranking ranking-after">
|
||||
<view class="ranking-title">
|
||||
<view class="ranking-text">全站推广人数</view>
|
||||
<view class="ranking-number">5</view>
|
||||
</view>
|
||||
<image class="tips" src="../../static/icons/property_icon_00.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="ranking">
|
||||
<view class="ranking-title">
|
||||
<view class="ranking-text">推广企业</view>
|
||||
<view class="ranking-number">5</view>
|
||||
</view>
|
||||
<image class="tips" src="../../static/icons/property_icon_01.png" mode="aspectFill"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 推广海报 -->
|
||||
<view class="poster-text">推广海报</view>
|
||||
<carousel :img-list="imgList" url-key="url" @selected="selectedBanner"/>
|
||||
</block>
|
||||
<!-- 版权信息 -->
|
||||
@@ -173,9 +172,9 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
outLogin(){
|
||||
this.$store.commit('setToken', '')
|
||||
},
|
||||
// outLogin(){
|
||||
// this.$store.commit('setToken', '')
|
||||
// }
|
||||
selectedBanner(item, index) {
|
||||
console.log('🥒', item, index)
|
||||
}
|
||||
@@ -340,6 +339,39 @@
|
||||
margin: $margin;
|
||||
background: white;
|
||||
border-radius: $radius;
|
||||
.ranking {
|
||||
width: 50%;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding: $padding $padding - 10 $padding - 10 $padding;
|
||||
box-sizing: border-box;
|
||||
.ranking-title {
|
||||
font-size: 28rpx;
|
||||
.ranking-text {
|
||||
margin-bottom: $margin - 10;
|
||||
}
|
||||
.ranking-number {
|
||||
font-weight: 600;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
}
|
||||
.tips {
|
||||
position: absolute;
|
||||
right: 30rpx;
|
||||
top: 25rpx;
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
}
|
||||
}
|
||||
.ranking-after::after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 2rpx;
|
||||
height: 100%;
|
||||
background-color: $border-color;
|
||||
}
|
||||
.title{
|
||||
padding: $padding $padding ($padding - 10);
|
||||
display: flex;
|
||||
@@ -370,6 +402,10 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.poster-text {
|
||||
margin: $margin + 10 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
// 易货订单
|
||||
.order-flex{
|
||||
.item{
|
||||
@@ -418,40 +454,4 @@
|
||||
font-size: $title-size-sm;
|
||||
color: $text-gray-m;
|
||||
}
|
||||
|
||||
// 排行榜
|
||||
.ranking-item{
|
||||
position: relative;
|
||||
padding: ($padding - 10) $padding ($padding - 10) ($padding + 158);
|
||||
display: flex;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
min-height: 88rpx;
|
||||
.ranking-cover{
|
||||
position: absolute;
|
||||
left: $padding + 30;
|
||||
height: 88rpx;
|
||||
width: 88rpx;
|
||||
border-radius: 50%;
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.ranking-number{
|
||||
position: absolute;
|
||||
left: $padding;
|
||||
width: 30rpx;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
.ranking-nickname{
|
||||
width: calc(100% - 200rpx);
|
||||
padding-right: 20rpx;
|
||||
font-size: $title-size-lg;
|
||||
}
|
||||
.ranking-count{
|
||||
width: 200rpx;
|
||||
text-align: right;
|
||||
color: $text-gray;
|
||||
font-size: $title-size-lg;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -29,10 +29,12 @@
|
||||
<view class="statusBar-box">
|
||||
<image class="logo" :src="company.logo" mode="aspectFill"></image>
|
||||
<view class="company">
|
||||
<view class="name">{{company.name}}</view>
|
||||
<view class="faith">诚信{{company.faith}}</view>
|
||||
<view class="name">{{company.name}}<image @click="$Router.push({name: 'Basics'})" class="name-img" src="../../static/icons/store_icon_pen.png" mode="aspectFill"></image></view>
|
||||
<view class="tool">
|
||||
<view class="faith"><image class="faith-img" src="../../static/icons/store_icon_row.png" mode="aspectFill"></image>诚信{{company.faith}}</view>
|
||||
<view class="btn"><image class="btn-img" src="../../static/icons/store_icon_icon.png" mode="aspectFill"></image>{{company.identity}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn" @click="$Router.push({name: 'Vip'})">{{company.identity}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 老板 -->
|
||||
@@ -199,36 +201,70 @@
|
||||
background: $text-price;
|
||||
@extend .ios-top;
|
||||
.statusBar-box{
|
||||
min-height: 68rpx;
|
||||
min-height: 90rpx;
|
||||
position: relative;
|
||||
padding: $padding ($padding + 200) $padding ($padding + 88);
|
||||
color: white;
|
||||
.logo{
|
||||
position: absolute;
|
||||
left: $padding;
|
||||
width: 68rpx;
|
||||
height: 68rpx;
|
||||
width: 94rpx;
|
||||
height: 94rpx;
|
||||
border-radius: 50%;
|
||||
border: 4rpx solid #ed8483;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 4rpx 15rpx rgba(109,1,0,.8);
|
||||
}
|
||||
.company{
|
||||
margin-left: 30rpx;
|
||||
.name{
|
||||
line-height: 40rpx;
|
||||
@extend .nowrap;
|
||||
font-size: $title-size;
|
||||
display: flex;
|
||||
.name-img {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin: 7rpx 0 0 15rpx;
|
||||
}
|
||||
}
|
||||
.tool {
|
||||
display: flex;
|
||||
margin-top: 13rpx;
|
||||
.faith{
|
||||
line-height: 28rpx;
|
||||
line-height: 40rpx;
|
||||
height: 38rpx;
|
||||
@extend .nowrap;
|
||||
font-size: $title-size-sm;
|
||||
font-size: 24rpx;
|
||||
background-color: rgba(0,0,0,.15);
|
||||
padding: 0 15rpx;
|
||||
border-radius: 60rpx;
|
||||
margin-right: 30rpx;
|
||||
display: flex;
|
||||
.faith-img {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
margin: 5rpx 4rpx 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn{
|
||||
line-height: 40rpx;
|
||||
height: 38rpx;
|
||||
font-size: 24rpx;
|
||||
padding: 0 15rpx 0 30rpx;
|
||||
background-color: #913335;
|
||||
display: inline-block;
|
||||
border-radius: 0 60rpx 60rpx 0;
|
||||
position: relative;
|
||||
.btn-img {
|
||||
position: absolute;
|
||||
right: $padding;
|
||||
top: $padding;
|
||||
line-height: 68rpx;
|
||||
font-size: $title-size-m;
|
||||
width: 38rpx;
|
||||
height: 38rpx;
|
||||
left: -20rpx;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.statusBar-title{
|
||||
|
||||
BIN
static/icons/equity_arrow_icon.png
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
static/icons/equity_arrow_right.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
static/icons/equity_arrow_up.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/icons/equity_coupons_01.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/icons/equity_coupons_02.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/icons/equity_coupons_03.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/icons/equity_nav.png
Normal file
|
After Width: | Height: | Size: 7.8 KiB |
BIN
static/icons/goods_row.png
Normal file
|
After Width: | Height: | Size: 686 B |
BIN
static/icons/property_icon_00.png
Normal file
|
After Width: | Height: | Size: 8.1 KiB |
BIN
static/icons/property_icon_01.png
Normal file
|
After Width: | Height: | Size: 7.3 KiB |
BIN
static/icons/property_poster.png
Normal file
|
After Width: | Height: | Size: 585 B |
BIN
static/icons/store_icon_icon.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
static/icons/store_icon_pen.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
static/icons/store_icon_row.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/icons/store_icon_vip.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
unpackage/dist/dev/app-plus/__uniapperror.png
vendored
|
Before Width: | Height: | Size: 5.7 KiB |
8062
unpackage/dist/dev/app-plus/app-service.js
vendored
7650
unpackage/dist/dev/app-plus/app-view.js
vendored
2
unpackage/dist/dev/app-plus/manifest.json
vendored
@@ -1 +1 @@
|
||||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__CD19AAD","name":"易品新境","version":{"name":"1.0.0","code":"100"},"description":"易品新境为商家提供营销引流工具","launch_path":"__uniappview.html","developer":{"name":"","email":"","url":""},"permissions":{"OAuth":{},"Payment":{},"Share":{},"Geolocation":{},"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"autoclose":false,"waiting":true,"delay":0},"popGesture":"close","launchwebview":{"id":"1","kernel":"WKWebview"},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#f5f5f5"},"usingComponents":true,"nvueStyleCompiler":"uni-app","compilerVersion":3,"safearea":{"bottom":{"offset":"none"}},"distribute":{"icons":{"android":{"hdpi":"unpackage/res/icons/72x72.png","xhdpi":"unpackage/res/icons/96x96.png","xxhdpi":"unpackage/res/icons/144x144.png","xxxhdpi":"unpackage/res/icons/192x192.png"},"ios":{"appstore":"unpackage/res/icons/1024x1024.png","ipad":{"app":"unpackage/res/icons/76x76.png","app@2x":"unpackage/res/icons/152x152.png","notification":"unpackage/res/icons/20x20.png","notification@2x":"unpackage/res/icons/40x40.png","proapp@2x":"unpackage/res/icons/167x167.png","settings":"unpackage/res/icons/29x29.png","settings@2x":"unpackage/res/icons/58x58.png","spotlight":"unpackage/res/icons/40x40.png","spotlight@2x":"unpackage/res/icons/80x80.png"},"iphone":{"app@2x":"unpackage/res/icons/120x120.png","app@3x":"unpackage/res/icons/180x180.png","notification@2x":"unpackage/res/icons/40x40.png","notification@3x":"unpackage/res/icons/60x60.png","settings@2x":"unpackage/res/icons/58x58.png","settings@3x":"unpackage/res/icons/87x87.png","spotlight@2x":"unpackage/res/icons/80x80.png","spotlight@3x":"unpackage/res/icons/120x120.png"}}},"splashscreen":{"androidStyle":"common"},"google":{"permissions":["\u003cuses-feature android:name\u003d\"android.hardware.camera\"/\u003e","\u003cuses-feature android:name\u003d\"android.hardware.camera.autofocus\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.ACCESS_NETWORK_STATE\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.ACCESS_WIFI_STATE\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.CAMERA\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.CHANGE_NETWORK_STATE\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.CHANGE_WIFI_STATE\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.FLASHLIGHT\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.MODIFY_AUDIO_SETTINGS\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.READ_LOGS\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.READ_PHONE_STATE\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.VIBRATE\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.WAKE_LOCK\"/\u003e","\u003cuses-permission android:name\u003d\"android.permission.WRITE_SETTINGS\"/\u003e"]},"apple":{},"plugins":{"oauth":{"univerify":{},"weixin":{"appid":"wx222fbe58feee7819","appsecret":"3d24525a636d7573a8fae885097d5cf7","UniversalLinks":""}},"payment":{"weixin":{"__platform__":["android"],"appid":"wx222fbe58feee7819","UniversalLinks":""}},"share":{"weixin":{"appid":"wx222fbe58feee7819","UniversalLinks":""}},"maps":{},"ad":{},"geolocation":{},"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}}}},"allowsInlineMediaPlayback":true,"uni-app":{"compilerVersion":"3.2.3","control":"uni-v3","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal"},"tabBar":{"color":"#bababa","selectedColor":"#e93340","backgroundColor":"#FFFFFF","borderStyle":"rgba(255,255,255,0.4)","list":[{"pagePath":"pages/equity/index","text":"通证权易","iconPath":"static/tabBar/tabBar_icon_00.png","selectedIconPath":"static/tabBar/tabBar_show_00.png"},{"pagePath":"pages/market/index","text":"转让市场","iconPath":"static/tabBar/tabBar_icon_01.png","selectedIconPath":"static/tabBar/tabBar_show_01.png"},{"pagePath":"pages/store/index","text":"企业工具","iconPath":"static/tabBar/tabBar_icon_02.png","selectedIconPath":"static/tabBar/tabBar_show_02.png"},{"pagePath":"pages/property/index","text":"我的资产","iconPath":"static/tabBar/tabBar_icon_03.png","selectedIconPath":"static/tabBar/tabBar_show_03.png"}],"height":"50px"},"launch_path":"__uniappview.html","arguments":"{\"pathName\":\"pages/goods/addClassify\",\"query\":\"\"}"}}
|
||||
{"@platforms":["android","iPhone","iPad"],"id":"__UNI__CD19AAD","name":"易品新境","version":{"name":"1.0.0","code":"100"},"description":"易品新境为商家提供营销引流工具","launch_path":"__uniappview.html","developer":{"name":"","email":"","url":""},"permissions":{"OAuth":{},"Payment":{},"Share":{},"Geolocation":{},"UniNView":{"description":"UniNView原生渲染"}},"plus":{"useragent":{"value":"uni-app","concatenate":true},"splashscreen":{"autoclose":false,"waiting":true,"delay":0},"popGesture":"close","launchwebview":{"id":"1","kernel":"WKWebview"},"statusbar":{"immersed":"supportedDevice","style":"dark","background":"#f5f5f5"},"usingComponents":true,"nvueStyleCompiler":"uni-app","compilerVersion":3,"safearea":{"bottom":{"offset":"none"}},"distribute":{"icons":{"android":{"hdpi":"unpackage/res/icons/72x72.png","xhdpi":"unpackage/res/icons/96x96.png","xxhdpi":"unpackage/res/icons/144x144.png","xxxhdpi":"unpackage/res/icons/192x192.png"},"ios":{"appstore":"unpackage/res/icons/1024x1024.png","ipad":{"app":"unpackage/res/icons/76x76.png","app@2x":"unpackage/res/icons/152x152.png","notification":"unpackage/res/icons/20x20.png","notification@2x":"unpackage/res/icons/40x40.png","proapp@2x":"unpackage/res/icons/167x167.png","settings":"unpackage/res/icons/29x29.png","settings@2x":"unpackage/res/icons/58x58.png","spotlight":"unpackage/res/icons/40x40.png","spotlight@2x":"unpackage/res/icons/80x80.png"},"iphone":{"app@2x":"unpackage/res/icons/120x120.png","app@3x":"unpackage/res/icons/180x180.png","notification@2x":"unpackage/res/icons/40x40.png","notification@3x":"unpackage/res/icons/60x60.png","settings@2x":"unpackage/res/icons/58x58.png","settings@3x":"unpackage/res/icons/87x87.png","spotlight@2x":"unpackage/res/icons/80x80.png","spotlight@3x":"unpackage/res/icons/120x120.png"}}},"splashscreen":{"androidStyle":"common"},"google":{"permissions":["<uses-feature android:name=\"android.hardware.camera\"/>","<uses-feature android:name=\"android.hardware.camera.autofocus\"/>","<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.CAMERA\"/>","<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>","<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>","<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>","<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>","<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>","<uses-permission android:name=\"android.permission.READ_LOGS\"/>","<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>","<uses-permission android:name=\"android.permission.VIBRATE\"/>","<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>","<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"]},"apple":{},"plugins":{"oauth":{"univerify":{},"weixin":{"appid":"wx222fbe58feee7819","appsecret":"3d24525a636d7573a8fae885097d5cf7","UniversalLinks":""}},"payment":{"weixin":{"__platform__":["android"],"appid":"wx222fbe58feee7819","UniversalLinks":""}},"share":{"weixin":{"appid":"wx222fbe58feee7819","UniversalLinks":""}},"maps":{},"ad":{},"geolocation":{},"audio":{"mp3":{"description":"Android平台录音支持MP3格式文件"}}}},"arguments":"{\"name\":\"\",\"path\":\"\",\"query\":\"\",\"id\":0}","allowsInlineMediaPlayback":true,"uni-app":{"compilerVersion":"3.1.18","control":"uni-v3","nvueCompiler":"uni-app","renderer":"auto","nvue":{"flex-direction":"column"},"nvueLaunchMode":"normal"},"tabBar":{"color":"#bababa","selectedColor":"#e93340","backgroundColor":"#FFFFFF","borderStyle":"rgba(255,255,255,0.4)","list":[{"pagePath":"pages/equity/index","text":"通证权易","iconPath":"static/tabBar/tabBar_icon_00.png","selectedIconPath":"static/tabBar/tabBar_show_00.png"},{"pagePath":"pages/market/index","text":"转让市场","iconPath":"static/tabBar/tabBar_icon_01.png","selectedIconPath":"static/tabBar/tabBar_show_01.png"},{"pagePath":"pages/store/index","text":"企业工具","iconPath":"static/tabBar/tabBar_icon_02.png","selectedIconPath":"static/tabBar/tabBar_show_02.png"},{"pagePath":"pages/property/index","text":"我的资产","iconPath":"static/tabBar/tabBar_icon_03.png","selectedIconPath":"static/tabBar/tabBar_show_03.png"}],"height":"50px","child":["lauchwebview"],"selected":0},"launch_path":"__uniappview.html"}}
|
||||
BIN
unpackage/dist/dev/app-plus/static/icons/equity_arrow_icon.png
vendored
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/equity_arrow_right.png
vendored
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/equity_arrow_up.png
vendored
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/equity_coupons_01.png
vendored
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/equity_coupons_02.png
vendored
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/equity_coupons_03.png
vendored
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/equity_nav.png
vendored
Normal file
|
After Width: | Height: | Size: 7.8 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/goods_row.png
vendored
Normal file
|
After Width: | Height: | Size: 686 B |
BIN
unpackage/dist/dev/app-plus/static/icons/property_icon_00.png
vendored
Normal file
|
After Width: | Height: | Size: 8.1 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/property_icon_01.png
vendored
Normal file
|
After Width: | Height: | Size: 7.3 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/property_poster.png
vendored
Normal file
|
After Width: | Height: | Size: 585 B |
BIN
unpackage/dist/dev/app-plus/static/icons/store_icon_icon.png
vendored
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/store_icon_pen.png
vendored
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/store_icon_row.png
vendored
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
unpackage/dist/dev/app-plus/static/icons/store_icon_vip.png
vendored
Normal file
|
After Width: | Height: | Size: 1.1 KiB |