mirror of
http://git.coreshop.cn/jianweie/coreshoppro.git
synced 2025-12-06 16:03:25 +08:00
【新增】增加演示自定义首页
This commit is contained in:
大灰灰
@@ -173,19 +173,9 @@
|
||||
@import "@/static/style/style.vue.scss";
|
||||
/* #endif */
|
||||
|
||||
// nvue的特有样式
|
||||
// #ifdef APP-PLUS-NVUE
|
||||
@import "@/static/style/style.nvue.scss";
|
||||
/* #endif */
|
||||
|
||||
// 小程序特有的样式
|
||||
/* #ifdef MP */
|
||||
@import "@/static/style/style.mp.scss";
|
||||
/* #endif */
|
||||
|
||||
// H5特有的样式
|
||||
/* #ifdef H5 */
|
||||
@import "@/static/style/style.h5.scss";
|
||||
/* #endif */
|
||||
|
||||
</style>
|
||||
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"name" : "小小助农",
|
||||
"name" : "南山田舍",
|
||||
"appid" : "__UNI__EAACF14",
|
||||
"description" : "核心商城系统（CoreShop）是基于uni-app框架开发的商城应用程序",
|
||||
"versionName" : "1.0",
|
||||
|
||||
@@ -18,11 +18,11 @@
|
||||
<text>{{appTitle}}</text>
|
||||
</view>
|
||||
<view class="coreshop-margin-left-8" @tap="goSearch()">
|
||||
<image class="index-search-btn" src="https://files.xxzn.mvccms.cn/static/icon/index-search-btn.png"></image>
|
||||
<image class="index-search-btn" src="https://files.cdn.coreshop.cn/static/icon/index-search-btn.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="banner-bottom">
|
||||
<image class="image-750-64" src="https://files.xxzn.mvccms.cn/static/index/banner-bottom.png"></image>
|
||||
<image class="coreshop-image-750-64" src="https://files.cdn.coreshop.cn/static/index/banner-bottom.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
<view class="coreshop-flex coreshop-justify-between">
|
||||
<view class="coreshop-flex coreshop-flex-direction-column coreshop-align-center">
|
||||
<view>
|
||||
<image class="image-88-88" src="https://files.xxzn.mvccms.cn/static/icon/icon-xffp.png"></image>
|
||||
<image class="coreshop-image-88-88" src="https://files.cdn.coreshop.cn/static/icon/icon-xffp.png"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-16">
|
||||
<text class="coreshop-font-14 font-color-black">消费帮扶</text>
|
||||
@@ -39,7 +39,7 @@
|
||||
</view>
|
||||
<view class="coreshop-flex coreshop-flex-direction-column coreshop-align-center">
|
||||
<view>
|
||||
<image class="image-88-88" src="https://files.xxzn.mvccms.cn/static/icon/icon-ghfl.png"></image>
|
||||
<image class="coreshop-image-88-88" src="https://files.cdn.coreshop.cn/static/icon/icon-ghfl.png"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-16">
|
||||
<text class="coreshop-font-14 font-color-black">工会福利</text>
|
||||
@@ -47,7 +47,7 @@
|
||||
</view>
|
||||
<view class="coreshop-flex coreshop-flex-direction-column coreshop-align-center">
|
||||
<view>
|
||||
<image class="image-88-88" src="https://files.xxzn.mvccms.cn/static/icon/icon-stzc.png"></image>
|
||||
<image class="coreshop-image-88-88" src="https://files.cdn.coreshop.cn/static/icon/icon-stzc.png"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-16">
|
||||
<text class="coreshop-font-14 font-color-black">食堂直采</text>
|
||||
@@ -55,7 +55,7 @@
|
||||
</view>
|
||||
<view class="coreshop-flex coreshop-flex-direction-column coreshop-align-center">
|
||||
<view>
|
||||
<image class="image-88-88" src="https://files.xxzn.mvccms.cn/static/icon/icon-832.png"></image>
|
||||
<image class="coreshop-image-88-88" src="https://files.cdn.coreshop.cn/static/icon/icon-832.png"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-16">
|
||||
<text class="coreshop-font-14 font-color-black">832专馆</text>
|
||||
@@ -65,7 +65,7 @@
|
||||
<view class="coreshop-margin-top-20 coreshop-flex coreshop-justify-between">
|
||||
<view class="coreshop-flex coreshop-flex-direction-column coreshop-align-center">
|
||||
<view>
|
||||
<image class="image-88-88" src="https://files.xxzn.mvccms.cn/static/icon/icon-hdzt.png"></image>
|
||||
<image class="coreshop-image-88-88" src="https://files.cdn.coreshop.cn/static/icon/icon-hdzt.png"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-16">
|
||||
<text class="coreshop-font-14 font-color-black">活动专题</text>
|
||||
@@ -73,7 +73,7 @@
|
||||
</view>
|
||||
<view class="coreshop-flex coreshop-flex-direction-column coreshop-align-center">
|
||||
<view>
|
||||
<image class="image-88-88" src="https://files.xxzn.mvccms.cn/static/icon/icon-jczb.png"></image>
|
||||
<image class="coreshop-image-88-88" src="https://files.cdn.coreshop.cn/static/icon/icon-jczb.png"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-16">
|
||||
<text class="coreshop-font-14 font-color-black">精彩直播</text>
|
||||
@@ -81,7 +81,7 @@
|
||||
</view>
|
||||
<view class="coreshop-flex coreshop-flex-direction-column coreshop-align-center">
|
||||
<view>
|
||||
<image class="image-88-88" src="https://files.xxzn.mvccms.cn/static/icon/icon-dhzx.png"></image>
|
||||
<image class="coreshop-image-88-88" src="https://files.cdn.coreshop.cn/static/icon/icon-dhzx.png"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-16">
|
||||
<text class="coreshop-font-14 font-color-black">兑换中心</text>
|
||||
@@ -89,7 +89,7 @@
|
||||
</view>
|
||||
<view class="coreshop-flex coreshop-flex-direction-column coreshop-align-center">
|
||||
<view>
|
||||
<image class="image-88-88" src="https://files.xxzn.mvccms.cn/static/icon/icon-allcase.png"></image>
|
||||
<image class="coreshop-image-88-88" src="https://files.cdn.coreshop.cn/static/icon/icon-allcase.png"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-16">
|
||||
<text class="coreshop-font-14 font-color-black">全部分类</text>
|
||||
@@ -101,7 +101,7 @@
|
||||
<!--公告组件-->
|
||||
<view class="coreshop-margin-left-16 coreshop-margin-right-16 coreshop-margin-top-2 coreshop-padding-left-16 coreshop-padding-right-16 coreshop-border-radius-bl-16 newsletter coreshop-flex coreshop-align-center">
|
||||
<view>
|
||||
<image class="icon-48-48" src="https://files.xxzn.mvccms.cn/static/icon/icon-newsletter.png"></image>
|
||||
<image class="coreshop-icon-48-48" src="https://files.cdn.coreshop.cn/static/icon/icon-newsletter.png"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-left-8 coreshop-margin-right-12 divider-40"></view>
|
||||
<view class=" coreshop-flex coreshop-align-center">
|
||||
@@ -129,8 +129,8 @@
|
||||
<scroll-view scrollX="true">
|
||||
<view class="coreshop-padding-12 coreshop-bg-white coreshop-border-radius-8 spike-item" v-for="(goods, index) in seckill_goods.goods" :key="index">
|
||||
<view class="coreshop-flex coreshop-justify-between">
|
||||
<view class="image-160-160">
|
||||
<image class="image-160-160" :src="goods.goods_image"></image>
|
||||
<view class="coreshop-image-160-160">
|
||||
<image class="coreshop-image-160-160" :src="goods.goods_image"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-left-12 coreshop-flex coreshop-flex-direction-column coreshop-justify-between">
|
||||
<view class="coreshop-single-line-clamp" style="width:300rpx;">
|
||||
@@ -161,14 +161,14 @@
|
||||
</view>
|
||||
<view class="coreshop-flex coreshop-align-center">
|
||||
<text class="coreshop-text-gray">查看更多</text>
|
||||
<image class="coreshop-margin-top-2 coreshop-margin-left-6 icon-24-24" src="https://files.xxzn.mvccms.cn/static/icon/icon-more.png"></image>
|
||||
<image class="coreshop-margin-top-2 coreshop-margin-left-6 coreshop-icon-24-24" src="https://files.cdn.coreshop.cn/static/icon/icon-more.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-12 coreshop-margin-left-16 coreshop-white-space-nowrap">
|
||||
<scroll-view scrollX="true">
|
||||
<view class="coreshop-padding-12 coreshop-bg-white coreshop-border-radius-8 offer-item coreshop-text-center" v-for="(goods, index) in activity_area.goods_lists" :key="index">
|
||||
<view class="image-202-202">
|
||||
<image class="image-202-202 coreshop-border-radius-6" mode="aspectFill" :src="goods.image"></image>
|
||||
<view class="coreshop-image-202-202">
|
||||
<image class="coreshop-image-202-202 coreshop-border-radius-6" mode="aspectFill" :src="goods.image"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-8 coreshop-margin-bottom-8">
|
||||
<text class="coreshop-text-red coreshop-font-weight-bold">{{'¥'+goods.min_price}}</text>
|
||||
@@ -184,15 +184,15 @@
|
||||
|
||||
<view class="coreshop-padding-top-16 coreshop-position-relative">
|
||||
<view class="coreshop-margin-left-16 coreshop-margin-right-16 index-market-banner">
|
||||
<image class="image-686-200" src="https://files.xxzn.mvccms.cn/static/index/indexzt.png"></image>
|
||||
<image class="coreshop-image-686-200" src="https://files.cdn.coreshop.cn/static/index/indexzt.png"></image>
|
||||
</view>
|
||||
<view class="index-market coreshop-padding-bottom-16">
|
||||
<view class="coreshop-margin-left-16 coreshop-margin-right-16 coreshop-padding-16 coreshop-padding-right-0 coreshop-bg-white coreshop-border-radius-bl-18 coreshop-white-space-nowrap">
|
||||
<scroll-view scrollX="true">
|
||||
<view class="index-market-item-1 coreshop-position-relative" v-for="(goods, index) in assistGoods" :key="index">
|
||||
<view class="goods coreshop-padding-top-12 coreshop-padding-bottom-12">
|
||||
<view class="image-202-202 coreshop-margin-left-12 coreshop-margin-right-12">
|
||||
<image class="image-202-202" mode="aspectFill" :src="goods.image"></image>
|
||||
<view class="coreshop-image-202-202 coreshop-margin-left-12 coreshop-margin-right-12">
|
||||
<image class="coreshop-image-202-202" mode="aspectFill" :src="goods.image"></image>
|
||||
<view class="price-tag">
|
||||
<text class="coreshop-text-white">{{'¥'+goods.min_price}}</text>
|
||||
</view>
|
||||
@@ -214,14 +214,14 @@
|
||||
<text class="coreshop-text-orange">限时抢大米非转菜油</text>
|
||||
</view>
|
||||
<view class="coreshop-margin-right-6">
|
||||
<image class="coreshop-margin-top-2 icon-24-24" src="https://files.xxzn.mvccms.cn/static/icon/icon-more-2.png"></image>
|
||||
<image class="coreshop-margin-top-2 coreshop-icon-24-24" src="https://files.cdn.coreshop.cn/static/icon/icon-more-2.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-12 coreshop-flex coreshop-justify-between coreshop-align-center">
|
||||
<view class="coreshop-text-center">
|
||||
<view>
|
||||
<image class="image-190-190" src="https://www.xinyuyanxuan.com/static/upload/20220426009.png"></image>
|
||||
<image class="coreshop-image-190-190" src="https://www.xinyuyanxuan.com/static/upload/20220426009.png"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-4 coreshop-text-red coreshop-font-weight-bold">
|
||||
<text class="coreshop-font-12">¥</text>
|
||||
@@ -230,7 +230,7 @@
|
||||
</view>
|
||||
<view class="coreshop-text-center">
|
||||
<view>
|
||||
<image class="image-190-190" src="https://www.xinyuyanxuan.com/static/upload/20220426003.png"></image>
|
||||
<image class="coreshop-image-190-190" src="https://www.xinyuyanxuan.com/static/upload/20220426003.png"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-4 coreshop-text-red coreshop-font-weight-bold">
|
||||
<text class="coreshop-font-12">¥</text>
|
||||
@@ -239,7 +239,7 @@
|
||||
</view>
|
||||
<view class="coreshop-text-center">
|
||||
<view>
|
||||
<image class="image-190-190" src="https://test.mallapi.xinyuyanxuan.com/uploads/images/2022052015235098eb69167.jpg"></image>
|
||||
<image class="coreshop-image-190-190" src="https://test.mallapi.xinyuyanxuan.com/uploads/images/2022052015235098eb69167.jpg"></image>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-4 coreshop-text-red coreshop-font-weight-bold">
|
||||
<text class="coreshop-font-12">¥</text>
|
||||
@@ -257,10 +257,10 @@
|
||||
</view>
|
||||
<view class="coreshop-margin-top-16 coreshop-flex coreshop-justify-between">
|
||||
<view class="coreshop-margin-right-8">
|
||||
<image class="image-140-140" src="https://www.xinyuyanxuan.com/static/upload/20220426005.png"></image>
|
||||
<image class="coreshop-image-140-140" src="https://www.xinyuyanxuan.com/static/upload/20220426005.png"></image>
|
||||
</view>
|
||||
<view>
|
||||
<image class="image-140-140" src="https://www.xinyuyanxuan.com/static/upload/20220426006.png"></image>
|
||||
<image class="coreshop-image-140-140" src="https://www.xinyuyanxuan.com/static/upload/20220426006.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -273,10 +273,10 @@
|
||||
</view>
|
||||
<view class="coreshop-margin-top-16 coreshop-flex coreshop-justify-between">
|
||||
<view class="coreshop-margin-right-8">
|
||||
<image class="image-140-140" src="https://www.xinyuyanxuan.com/static/upload/20220426007.png"></image>
|
||||
<image class="coreshop-image-140-140" src="https://www.xinyuyanxuan.com/static/upload/20220426007.png"></image>
|
||||
</view>
|
||||
<view>
|
||||
<image class="image-140-140" src="https://www.xinyuyanxuan.com/static/upload/20220426008.png"></image>
|
||||
<image class="coreshop-image-140-140" src="https://www.xinyuyanxuan.com/static/upload/20220426008.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -289,7 +289,7 @@
|
||||
</view>
|
||||
<view class="coreshop-flex coreshop-align-center">
|
||||
<text class="coreshop-text-grey">查看更多</text>
|
||||
<image class="coreshop-margin-top-2 coreshop-margin-left-6 icon-24-24" src="https://files.xxzn.mvccms.cn/static/icon/icon-more.png"></image>
|
||||
<image class="coreshop-margin-top-2 coreshop-margin-left-6 coreshop-icon-24-24" src="https://files.cdn.coreshop.cn/static/icon/icon-more.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-6">
|
||||
@@ -298,8 +298,8 @@
|
||||
<view class="coreshop-margin-top-12 coreshop-border-radius-bl-18 coreshop-white-space-nowrap">
|
||||
<scroll-view scrollX="true">
|
||||
<view class="scroll-item index-market-item-1" v-for="(goods, index) in activity_area.goods_lists" :key="index">
|
||||
<view class="coreshop-position-relative image-250-250">
|
||||
<image class="image-250-250 coreshop-border-radius-tr-18" mode="aspectFill" :src="goods.image"></image>
|
||||
<view class="coreshop-position-relative coreshop-image-250-250">
|
||||
<image class="coreshop-image-250-250 coreshop-border-radius-tr-18" mode="aspectFill" :src="goods.image"></image>
|
||||
<view class="tag-goods coreshop-bg-green">
|
||||
<text class="coreshop-font-11 coreshop-text-white">推荐</text>
|
||||
</view>
|
||||
@@ -322,7 +322,7 @@
|
||||
</view>
|
||||
<view class="coreshop-flex coreshop-align-center">
|
||||
<text class="coreshop-text-grey">查看更多</text>
|
||||
<image class="coreshop-margin-top-2 coreshop-margin-left-6 icon-24-24" src="https://files.xxzn.mvccms.cn/static/icon/icon-more.png"></image>
|
||||
<image class="coreshop-margin-top-2 coreshop-margin-left-6 coreshop-icon-24-24" src="https://files.cdn.coreshop.cn/static/icon/icon-more.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-6">
|
||||
@@ -331,8 +331,8 @@
|
||||
<view class="coreshop-margin-top-12 coreshop-border-radius-bl-18 coreshop-white-space-nowrap">
|
||||
<scroll-view scrollX="true">
|
||||
<view class="scroll-item index-market-item-1" v-for="(goods, index) in activity_area.goods_lists" :key="index">
|
||||
<view class="coreshop-position-relative image-250-250">
|
||||
<image class="image-250-250 coreshop-border-radius-tr-18" mode="aspectFill" :src="goods.image"></image>
|
||||
<view class="coreshop-position-relative coreshop-image-250-250">
|
||||
<image class="coreshop-image-250-250 coreshop-border-radius-tr-18" mode="aspectFill" :src="goods.image"></image>
|
||||
<view class="tag-duikoubangfu">
|
||||
<text class="coreshop-margin-left-6 coreshop-font-14 coreshop-text-white">对口帮扶</text>
|
||||
</view>
|
||||
@@ -355,7 +355,7 @@
|
||||
</view>
|
||||
<view class="coreshop-flex coreshop-align-center">
|
||||
<text class="coreshop-text-grey">查看更多</text>
|
||||
<image class="coreshop-margin-top-2 coreshop-margin-left-6 icon-24-24" src="https://files.xxzn.mvccms.cn/static/icon/icon-more.png"></image>
|
||||
<image class="coreshop-margin-top-2 coreshop-margin-left-6 coreshop-icon-24-24" src="https://files.cdn.coreshop.cn/static/icon/icon-more.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="coreshop-margin-top-6">
|
||||
@@ -364,8 +364,8 @@
|
||||
<view class="coreshop-margin-top-12 coreshop-border-radius-bl-18 coreshop-white-space-nowrap">
|
||||
<scroll-view scrollX="true">
|
||||
<view class="scroll-item index-market-item-1" v-for="(goods, index) in activity_area.goods_lists" :key="index">
|
||||
<view class="coreshop-position-relative image-250-250">
|
||||
<image class="image-250-250 coreshop-border-radius-tr-18" mode="aspectFill" :src="goods.image"></image>
|
||||
<view class="coreshop-position-relative coreshop-image-250-250">
|
||||
<image class="coreshop-image-250-250 coreshop-border-radius-tr-18" mode="aspectFill" :src="goods.image"></image>
|
||||
<view class="tag-hyzx">
|
||||
<text class="coreshop-margin-left-6 coreshop-font-14 coreshop-text-white">会员专属</text>
|
||||
</view>
|
||||
@@ -438,9 +438,9 @@
|
||||
<view class="coreshop-margin-top-16 index-goods coreshop-flex coreshop-justify-between coreshop-flex-wrap">
|
||||
<view class="goods" v-for="(item, index) in activity_area.goods_lists" :key="index">
|
||||
<view class="coreshop-position-relative">
|
||||
<image class="image-326-326 coreshop-border-radius-tr-18" mode="aspectFill" :src="item.image"></image>
|
||||
<image class="coreshop-image-326-326 coreshop-border-radius-tr-18" mode="aspectFill" :src="item.image"></image>
|
||||
<view class="tag-goods-location">
|
||||
<image class="icon-18-20 coreshop-margin-right-4" src="https://files.xxzn.mvccms.cn/static/icon/icon-location.png"></image>
|
||||
<image class="coreshop-icon-18-20 coreshop-margin-right-4" src="https://files.cdn.coreshop.cn/static/icon/icon-location.png"></image>
|
||||
<text class="coreshop-font-10">鹤城区</text>
|
||||
</view>
|
||||
<view class="tag-goods coreshop-bg-green">
|
||||
@@ -495,7 +495,7 @@
|
||||
duration: 500,
|
||||
indicatorColor: "rgba(255, 255, 255, .5)",
|
||||
indicatorActiveColor: "#FFFFFF",
|
||||
banners: [{ "image": "https://files.xxzn.mvccms.cn/static/index/banner01.jpg" }],
|
||||
banners: [{ "image": "https://files.cdn.coreshop.cn/static/index/banner01.jpg" }],
|
||||
seckill_goods:
|
||||
{
|
||||
"id": 4,
|
||||
@@ -277,25 +277,71 @@ view, text { box-sizing: border-box; }
|
||||
.coreshop-icon-230-45 { height: 45rpx; vertical-align: middle; width: 230rpx; }
|
||||
|
||||
|
||||
.coreshop-button-110-48 { height: 48rpx; width: 110rpx; }
|
||||
.coreshop-button-138-48 { height: 48rpx; width: 138rpx; }
|
||||
.coreshop-button-130-48 { height: 48rpx; width: 130rpx; }
|
||||
.coreshop-button-140-56 { height: 56rpx; width: 140rpx; }
|
||||
.coreshop-button-160-68 { height: 68rpx; width: 160rpx; }
|
||||
.coreshop-button-120 { height: 52rpx; width: 120rpx; }
|
||||
.coreshop-button-150 { height: 64rpx; width: 158rpx; }
|
||||
.coreshop-button-170 { height: 56rpx; width: 180rpx; }
|
||||
.coreshop-button-200 { height: 72rpx; width: 200rpx; }
|
||||
.coreshop-button-240 { height: 72rpx; width: 240rpx; }
|
||||
.coreshop-button-280 { height: 82rpx; width: 280rpx; }
|
||||
.coreshop-button-330 { height: 72rpx; width: 330rpx; }
|
||||
.coreshop-button-400 { height: 82rpx; width: 400rpx; }
|
||||
.coreshop-button-450 { height: 82rpx; width: 450rpx; }
|
||||
.coreshop-button-686 { border-radius: 12rpx; height: 82rpx; width: 686rpx; }
|
||||
.coreshop-button-156-64 { height: 64rpx; width: 156rpx; }
|
||||
.coreshop-button-186-64 { height: 64rpx; width: 186rpx; }
|
||||
.coreshop-button-190-80 { height: 80rpx; width: 190rpx; }
|
||||
.coreshop-button-210-80 { height: 80rpx; width: 210rpx; }
|
||||
.coreshop-button-638-88 { height: 88rpx; width: 638rpx; }
|
||||
|
||||
|
||||
.image-88-88 { height: 88rpx; vertical-align: middle; width: 88rpx; }
|
||||
.image-160-160 { height: 160rpx; vertical-align: middle; width: 160rpx; }
|
||||
.icon-48-48 { height: 48rpx; vertical-align: middle; width: 48rpx; }
|
||||
.button-138-48 { height: 48rpx; width: 138rpx; }
|
||||
.icon-24-24 { height: 24rpx; vertical-align: middle; width: 24rpx; }
|
||||
.image-202-202 { height: 202rpx; vertical-align: middle; width: 202rpx; }
|
||||
.coreshop-image-default-placeholder { height: 336rpx; vertical-align: middle; width: 396rpx; }
|
||||
.coreshop-image-750-400 { height: 400rpx; }
|
||||
.coreshop-image-750-400, .coreshop-image-750-750 { vertical-align: middle; width: 750rpx; }
|
||||
.coreshop-image-750-750 { height: 750rpx; }
|
||||
.coreshop-image-686-300 { height: 300rpx; }
|
||||
.coreshop-image-686-120, .coreshop-image-686-300 { vertical-align: middle; width: 686rpx; }
|
||||
.coreshop-image-686-120 { height: 120rpx; }
|
||||
.coreshop-image-686-200 { height: 200rpx; }
|
||||
.coreshop-image-686-200, .coreshop-image-686-220 { vertical-align: middle; width: 686rpx; }
|
||||
.coreshop-image-686-220 { height: 220rpx; }
|
||||
.coreshop-image-686-320 { height: 320rpx; }
|
||||
.coreshop-image-686-320, .coreshop-image-686-420 { vertical-align: middle; width: 686rpx; }
|
||||
.coreshop-image-686-420 { height: 420rpx; }
|
||||
.coreshop-image-686-380 { height: 380rpx; vertical-align: middle; width: 686rpx; }
|
||||
.coreshop-image-500-420 { height: 420rpx; vertical-align: middle; width: 500rpx; }
|
||||
.coreshop-image-620-120 { height: 120rpx; vertical-align: middle; width: 620rpx; }
|
||||
.coreshop-image-250-250 { height: 250rpx; vertical-align: middle; width: 250rpx; }
|
||||
.coreshop-image-260-260 { height: 260rpx; vertical-align: middle; width: 260rpx; }
|
||||
.coreshop-image-148-148 { height: 148rpx; vertical-align: middle; width: 148rpx; }
|
||||
.coreshop-image-140-140 { height: 140rpx; vertical-align: middle; width: 140rpx; }
|
||||
.coreshop-image-150-150 { height: 150rpx; vertical-align: middle; width: 150rpx; }
|
||||
.coreshop-image-160-160 { height: 160rpx; vertical-align: middle; width: 160rpx; }
|
||||
.coreshop-image-202-202 { height: 202rpx; vertical-align: middle; width: 202rpx; }
|
||||
.coreshop-image-330-330 { height: 330rpx; vertical-align: middle; width: 330rpx; }
|
||||
.coreshop-image-326-326 { height: 326rpx; vertical-align: middle; width: 326rpx; }
|
||||
.coreshop-image-332-325 { height: 325rpx; vertical-align: middle; width: 331rpx; }
|
||||
.coreshop-image-330-240 { height: 240rpx; vertical-align: middle; width: 330rpx; }
|
||||
.coreshop-image-332-200 { height: 200rpx; vertical-align: middle; width: 332rpx; }
|
||||
.coreshop-image-396-280 { height: 280rpx; vertical-align: middle; width: 396rpx; }
|
||||
.coreshop-image-330-420 { height: 420rpx; vertical-align: middle; width: 330rpx; }
|
||||
.coreshop-image-396-282 { height: 282rpx; vertical-align: middle; width: 396rpx; }
|
||||
.coreshop-image-180-180 { height: 180rpx; vertical-align: middle; width: 180rpx; }
|
||||
.coreshop-image-190-190 { height: 190rpx; vertical-align: middle; width: 190rpx; }
|
||||
.coreshop-image-212-212 { height: 212rpx; vertical-align: middle; width: 212rpx; }
|
||||
.coreshop-image-220-220 { height: 220rpx; vertical-align: middle; width: 220rpx; }
|
||||
.coreshop-image-230-230 { height: 230rpx; vertical-align: middle; width: 230rpx; }
|
||||
.coreshop-image-298-338 { height: 338rpx; vertical-align: middle; width: 298rpx; }
|
||||
.coreshop-image-750-510 { height: 510rpx; vertical-align: middle; width: 750rpx; }
|
||||
.coreshop-image-196-126 { height: 126rpx; vertical-align: middle; width: 196rpx; }
|
||||
.coreshop-image-110-110 { height: 110rpx; vertical-align: middle; width: 110rpx; }
|
||||
.coreshop-image-88-88 { height: 88rpx; vertical-align: middle; width: 88rpx; }
|
||||
.coreshop-image-98-98 { height: 98rpx; vertical-align: middle; width: 98rpx; }
|
||||
|
||||
.image-686-200 { height: 200rpx; }
|
||||
|
||||
.image-686-200, .image-686-220 { vertical-align: middle; width: 686rpx; }
|
||||
.image-190-190 { height: 190rpx; vertical-align: middle; width: 190rpx; }
|
||||
|
||||
.image-140-140 { height: 140rpx; vertical-align: middle; width: 140rpx; }
|
||||
.icon-24-24 { height: 24rpx; vertical-align: middle; width: 24rpx; }
|
||||
.image-250-250 { height: 250rpx; vertical-align: middle; width: 250rpx; }
|
||||
.image-326-326 { height: 326rpx; vertical-align: middle; width: 326rpx; }
|
||||
.icon-18-20 { height: 20rpx; vertical-align: middle; width: 18rpx; }
|
||||
.tag-64 { border-radius: 8rpx; padding: 4rpx 10rpx; }
|
||||
|
||||
|
||||
|
||||
@@ -1,638 +0,0 @@
|
||||
|
||||
//占位使用,结合顶部通用标题
|
||||
.coreshop-seat-height { width: 100%; /* #ifndef MP */ height: calc(var(--status-bar-height) + 50px); /* #endif */ /* #ifdef MP */ height: calc(var(--status-bar-height) + 70px); /* #endif */ }
|
||||
|
||||
//占位线
|
||||
.coreshop-solid-line { width: 100%; height: 1px; background: #f9f9f9; }
|
||||
.coreshop-coreshop-solid-top::after { border-top: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
|
||||
|
||||
|
||||
// 格式化页面
|
||||
.coreshop-pageBox { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow-x: hidden; background: #f6f6f6; }
|
||||
.coreshop-scroll-box { flex: 1; height: 100%; position: relative; }
|
||||
.coreshop-content-box { flex: 1; overflow-y: auto; }
|
||||
|
||||
|
||||
|
||||
/*头像大小自定义*/
|
||||
.coreshop-head-icon { width: 20px; height: 20px; display: inline-block; margin-right: 4px; }
|
||||
|
||||
|
||||
|
||||
//底部按钮框样式
|
||||
.coreshop-bottomBox { background-color: #fff; position: fixed; bottom: 0; height: 45px; width: 100%; display: flex; z-index: 66; box-shadow: 0 0 10px #ccc;
|
||||
.coreshop-btn { flex: 1; }
|
||||
}
|
||||
.coreshop-category-bottomBox { background-color: #fff; bottom: 0; /*height: 45px;*/ width: 100%; display: flex; z-index: 66; box-shadow: 0 0 10px #ccc;
|
||||
view { width: calc(50% - 10px); margin: 5px; }
|
||||
}
|
||||
|
||||
|
||||
//底部多按钮区
|
||||
.coreshop-add-btn-view-box { position: fixed; z-index: 10000; bottom: 90px; right: 14px;
|
||||
.cu-btn { margin: auto; width: 40px; height: 40px; font-weight: 800; border-radius: 50%; font-size: 18px; border: 5px solid #fff; box-shadow: 0 0 7px 4px #d0d0d0; }
|
||||
}
|
||||
|
||||
//底部浮动区域，用于放置按钮内容
|
||||
.coreshop-footer-fixed { position: fixed; z-index: 100; width: 100%; bottom: 0; left: 0; padding: 5px 20px; min-height: 60px; display: flex; align-items: center; flex-direction: row; justify-content: center; }
|
||||
.coreshop-foot-padding-bottom { padding-bottom: calc(env(safe-area-inset-bottom) / 2); }
|
||||
.coreshop-tip-view { position: relative; padding: 5px 11px;
|
||||
.coreshop-content { position: relative; padding-right: 28px; }
|
||||
.coreshop-icon { position: absolute; font-size: 16px; right: 14px; color: #8799a3; top: 5px; }
|
||||
}
|
||||
|
||||
/*底部*/
|
||||
.wecanui-footer-fixed { position: fixed; z-index: 10000; width: 100%; bottom: 0; left: 0; }
|
||||
.wecanui-footer-fixed.foot-pb { padding-bottom: calc(env(safe-area-inset-bottom) / 2); }
|
||||
.wecanui-footer-tabbar-hight-view { position: relative; width: 100%; height: calc((env(safe-area-inset-bottom) / 2) + 68px); }
|
||||
.cu-form-group picker .picker { text-align: left; }
|
||||
|
||||
/*浮动按钮*/
|
||||
.floatingButton { width: 40px; height: 40px; background-color: #fff; border-radius: 50%; position: fixed; right: 20px; bottom: 50px; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 5px #ccc; padding: 0; z-index: 996; }
|
||||
.floatingButton .icon { width: 30px; height: 30px; }
|
||||
|
||||
//顶部搜索框导航条设置
|
||||
.coreshop-bar-search-title-box {
|
||||
.cu-bar .action > text[class*="cuIcon-"] { font-size: 18px; }
|
||||
}
|
||||
|
||||
//滚动商品图标颜色
|
||||
.coreshop-goods-swiper-view {
|
||||
swiper.screen-swiper .uni-swiper-dot { background: #f0f0f0; }
|
||||
swiper.screen-swiper.square-dot .uni-swiper-dot { background-color: #aaaaaa; }
|
||||
}
|
||||
|
||||
|
||||
/*分享浮层*/
|
||||
.coreshop-share-Box { width: 100%; background: #FFFFFF; }
|
||||
.coreshop-share-pop { width: 100%; display: flex; }
|
||||
.coreshop-share-item { flex: 1; text-align: center; font-size: 13px; color: #333; padding: 10px 0;
|
||||
image { width: 40px; height: 40px; margin: 10px; }
|
||||
.coreshop-btn { line-height: 1; display: block; font-size: 13px; background-color: #fff; }
|
||||
}
|
||||
.coreshop-share-bottomBox { background-color: #fff; height: 45px; width: 100%; display: flex; box-shadow: 0 0 10px #ccc;
|
||||
.coreshop-btn { flex: 1; }
|
||||
}
|
||||
|
||||
//顶部通用标题
|
||||
.coreshop-bar-view-box { position: fixed; top: 0; width: 100%; z-index: 10000; background: #FAFAFA; /* #ifndef MP */ height: calc(var(--status-bar-height) + 50px); /* #endif */ /* #ifdef MP */ height: calc(var(--status-bar-height) + 65px); /* #endif */ padding: var(--status-bar-height) 14px 0 14px; align-items: center;
|
||||
.coreshop-bar-box { position: relative; width: 100%; align-items: center; line-height: 50px;
|
||||
.close { position: absolute; right: 14px; font-size: 20px; bottom: 5px; }
|
||||
}
|
||||
.coreshop-small-routine-title { padding: 10px 0; }
|
||||
}
|
||||
|
||||
|
||||
/*通用列表*/
|
||||
.coreshop-cell-group { background-color: #fff;
|
||||
.coreshop-cell-item { padding: 10px 13px 10px 10px; border-bottom: 1px solid #f3f3f3; position: relative; background-color: #fff; color: #333; display: flex; min-height: 45px; align-items: center; justify-content: space-between; flex-direction: row;
|
||||
.coreshop-cell-item-hd { display: flex; align-items: center; font-size: 14px; position: relative;
|
||||
.coreshop-cell-hd-title { display: inline-block; position: relative; /* #ifdef MP-ALIPAY */ top: 2px; /* #endif */ }
|
||||
.coreshop-cell-bd-input { display: inline-block; float: left; font-size: 13px; }
|
||||
}
|
||||
.coreshop-cell-item-bd { display: flex; min-height: 15px; overflow: hidden; align-items: center; padding-right: 15px;
|
||||
.coreshop-cell-bd-view { position: relative; display: flex;
|
||||
.coreshop-cell-bd-text { position: relative; font-size: 12px; }
|
||||
}
|
||||
}
|
||||
.coreshop-cell-item-ft { display: flex; align-items: center;
|
||||
.coreshop-cell-ft-view { position: relative; overflow: hidden; color: #666; font-size: 12px; text-align: right; }
|
||||
.coreshop-cell-ft-text { font-size: 14px; float: right; position: relative; line-height: 25px; }
|
||||
}
|
||||
}
|
||||
.coreshop-cell-item:last-child { border: none; }
|
||||
.coreshop-cell-textarea { }
|
||||
.right-img {
|
||||
.coreshop-cell-item-ft { right: 4px; height: 25px; position: absolute; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*二列商品列表展示*/
|
||||
.coreshop-goods-group { border-radius: 8px; color: #333333 !important; margin: 0 5px;
|
||||
.good_box { border-radius: 8px; margin: 3px; background-color: #ffffff; padding: 5px; position: relative; width: calc(100% - 6px);
|
||||
.good_title { font-size: 13px; margin-top: 5px; color: $u-main-color; }
|
||||
.good_title-xl { font-size: 14px; margin-top: 5px; color: $u-main-color; }
|
||||
.good_image { width: 100%; border-radius: 4px; }
|
||||
.good-tag-hot { display: flex; margin-top: 5px; position: absolute; top: 7.5px; left: 7.5px; background-color: $u-type-error; color: #ffffff; display: flex; align-items: center; padding: 2px 7px; border-radius: 25px; font-size: 10px; line-height: 1; }
|
||||
.good-tag-recommend { display: flex; margin-top: 5px; position: absolute; top: 7.5px; right: 7.5px; background-color: $u-type-primary; color: #ffffff; margin-left: 10px; border-radius: 25px; line-height: 1; padding: 2px 7px; display: flex; align-items: center; border-radius: 25px; font-size: 10px; }
|
||||
.good-tag-recommend2 { display: flex; margin-top: 5px; position: absolute; bottom: 7.5px; left: 7.5px; background-color: $u-type-primary; color: #ffffff; border-radius: 25px; line-height: 1; padding: 2px 7px; display: flex; align-items: center; border-radius: 25px; font-size: 10px; }
|
||||
.good-price { font-size: 15px; color: $u-type-error; margin-top: 5px; }
|
||||
.good-des { font-size: 10px; color: $u-tips-color; margin-top: 5px; }
|
||||
.grid-text { font-size: 14px; margin-top: 2px; color: $u-type-info; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*优惠券列表*/
|
||||
.coreshop-coupon {
|
||||
.coreshop-coupon-card-view { position: relative;
|
||||
.card-price-view { position: relative; background: #FFF5F5; border-radius: 7px 7px 0 0; padding: 9px;
|
||||
.price-left-view { position: absolute; height: 63px; width: 78px; text-align: center; line-height: 63px;
|
||||
.price { font-size: 23px; font-weight: 400; }
|
||||
.icon { width: 61px; height: 48px; margin-top: 50%; transform: translateY(-50%); overflow: initial; }
|
||||
}
|
||||
.name-content-view { position: relative; padding-left: 82px; padding-right: 53px; line-height: 1.8; color: #999898; }
|
||||
.name-content-view::before { content: ''; position: absolute; top: -9px; bottom: -9px; margin-left: -9px; border-left: 1px dashed #fdbabc; }
|
||||
.btn-right-view { position: absolute; right: 10px; top: 15px;
|
||||
.u-size-medium { padding: 0; }
|
||||
}
|
||||
}
|
||||
.card-num-view { position: relative; background: #FFECED; border-radius: 0 0 7.5px 7.5px; border-top: 1px dashed #dedbdb; padding: 5px 5px; color: #999898;
|
||||
.btnUnfold { position: absolute; right: 14px; top: 7.5px; }
|
||||
}
|
||||
/* .card-num-view::before { content: ''; position: absolute; width: 18px; height: 18px; background: #ffffff; border-radius: 50%; top: -9px; left: -9px; }
|
||||
.card-num-view::after { content: ''; position: absolute; width: 18px; height: 18px; background: #ffffff; border-radius: 50%; top: -9px; right: -9px; }*/ }
|
||||
|
||||
.coreshop-lower-shelf {
|
||||
.card-price-view { opacity: 0.5; }
|
||||
.card-num-view { opacity: 0.5; }
|
||||
.img-lower-box { position: absolute; height: 50px; width: 50px; background-color: rgba(0, 0, 0, 0.6); border-radius: 90px; text-align: center; line-height: 50px; font-size: 12px; color: #fff; top: 13px; left: 17.5px; -webkit-transition: left .15s; transition: left .15s; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*订单列表*/
|
||||
.orderWrap { display: flex; flex-direction: column; height: calc(100vh - var(--window-top)); width: 100%; }
|
||||
.orderList { background-color: #ffffff; margin: 10px; border-radius: 10px; box-sizing: border-box; padding: 10px; font-size: 14px;
|
||||
.item { display: flex; margin: 10px 0 0;
|
||||
.left { margin-right: 10px;
|
||||
}
|
||||
.content {
|
||||
.title { font-size: 14px; line-height: 25px; }
|
||||
.type { margin: 5px 0; font-size: 12px; color: $core-tips-color; }
|
||||
.delivery-time { color: #e5d001; font-size: 12px; }
|
||||
}
|
||||
.right { margin-left: 5px; padding-top: 10px; text-align: right;
|
||||
.decimal { font-size: 12px; margin-top: 2px; }
|
||||
.number { color: $core-tips-color; font-size: 12px; }
|
||||
}
|
||||
}
|
||||
.total { margin-top: 10px; text-align: right; font-size: 12px;
|
||||
.total-price { font-size: 16px; color: red; }
|
||||
}
|
||||
.bottom { display: flex; margin-top: 10px; padding: 0 5px; justify-content: space-between; align-items: center;
|
||||
.coreshop-btn { line-height: 26px; width: 90px; border-radius: 13px; border: 1px solid $core-border-color; font-size: 13px; text-align: center; color: $core-type-info-dark; margin-left: 10px; }
|
||||
.evaluate { color: $core-type-warning-dark; border-color: $core-type-warning-dark; }
|
||||
.logistics { border-color: #e4e7ed; color: #82848a; }
|
||||
.exchange { color: #8dc63f; border-color: #8dc63f; }
|
||||
}
|
||||
}
|
||||
|
||||
/*订单详情*/
|
||||
.coreshop-solid-top::after { border-top: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
.coreshop-order-priceBox { position: relative; }
|
||||
.coreshop-order-nums { position: absolute; top: 0; right: 0; }
|
||||
|
||||
/*步进器*/
|
||||
.coreshop-status-img-view { position: relative;
|
||||
.are-img-view { position: relative; margin-bottom: 10px;
|
||||
.are-img { width: 165px; }
|
||||
}
|
||||
}
|
||||
/*拼团区域*/
|
||||
.user-head-img-c { position: relative; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; box-sizing: border-box; display: inline-block; float: left; border: 1px solid #f3f3f3; margin-bottom: 10px; margin-top: 10px; }
|
||||
.user-head-img-tip { position: absolute; top: -3px; left: -5px; display: inline-block; background-color: #FF7159; color: #fff; font-size: 11px; z-index: 99; padding: 0 5px; border-radius: 5px; transform: scale(.8); }
|
||||
.group-swiper .coreshop-cell-item .user-head-img { width: 100%; height: 100%; border-radius: 50%; }
|
||||
.group-swiper .coreshop-cell-item .user-head-img-c:first-child { border: 1px solid #FF7159; }
|
||||
.uhihn { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; display: inline-block; border: 1px dashed #e1e1e1; text-align: center; line-height: 40px; color: #d1d1d1; font-size: 20px; box-sizing: border-box; }
|
||||
|
||||
|
||||
/*订单卡片*/
|
||||
.coreshop-card-box { padding: 14px 14px 0; }
|
||||
.coreshop-card-view { position: relative; border-radius: 5px; padding: 10px; box-shadow: 0 0 7.5px #f1f1f1; }
|
||||
.coreshop-price-view { position: relative;
|
||||
.title-view { position: relative; margin-bottom: 10px;
|
||||
.title { position: relative; padding-right: 90px; }
|
||||
.coreshop-text-right { position: absolute; top: 2px; right: 0; }
|
||||
}
|
||||
.title-right-view { position: relative; margin-top: 14px; text-align: right; }
|
||||
.title-left-view { position: relative; margin-top: 14px; text-align: left; }
|
||||
.solid-line { margin: 14px 0; }
|
||||
}
|
||||
|
||||
/*卡片-商品信息*/
|
||||
.coreshop-shop-view { position: relative;
|
||||
.shop-info-view { position: relative; margin-bottom: 14px; line-height: 24px; height: 24px;
|
||||
.coreshop-avatar { position: absolute; }
|
||||
.title-view { position: relative; padding-left: 32px; }
|
||||
}
|
||||
.goods-list-view { position: relative; margin: 10 0;
|
||||
.coreshop-avatar { position: absolute; height: 77.5px; width: 77.5px; }
|
||||
.goods-info-view { position: relative; padding-left: 86.5px; min-height: 77.5px;
|
||||
.name { position: relative; height: 20px; width: 100%; }
|
||||
.introduce { position: relative; height: 16px; width: 100%; }
|
||||
.tag-view { position: relative; margin-bottom: 5px; margin-top: 3px; width: 100%;
|
||||
.cu-tag { position: relative; top: -1px; }
|
||||
}
|
||||
.coreshop-text-price { position: relative; height: 18px; width: 100%; }
|
||||
}
|
||||
}
|
||||
.coreshop-foot-view { position: relative; background: #FFFCFC; margin: 0 -10px -10px -10px; border-radius: 0 0 5px 5px; padding: 10px;
|
||||
.left-view { position: relative; padding-right: 90px;
|
||||
.af5-img { position: relative; margin-right: 5px; width: 18px; top: 2px; }
|
||||
}
|
||||
.coreshop-text-right { position: absolute; right: 10px; top: 10px; }
|
||||
}
|
||||
}
|
||||
|
||||
/*卡片-订单内容区域*/
|
||||
.coreshop-order-view { position: relative;
|
||||
.solid-line { margin: 14px 0; }
|
||||
.title-view { position: relative; margin-bottom: 10px;
|
||||
&:last-child { margin-bottom: 6.5px; }
|
||||
.title { position: absolute; top: 2px; left: 0; }
|
||||
.coreshop-text-right { position: relative; padding-left: 90px;
|
||||
.cu-btn { padding: 0 5px; height: 15px; top: -2px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*卡片-物流信息*/
|
||||
.coreshop-address-view { position: relative;
|
||||
.solid-line { margin: 10px 0; }
|
||||
.coreshop-list.menu-avatar > .coreshop-list-item { height: 55px;
|
||||
&:after { width: 0; height: 0; border-bottom: 0; }
|
||||
.icon-view { position: absolute; border-radius: 100%; text-align: center; line-height: 23px; height: 23px; width: 23px; left: 5px; top: 13px; }
|
||||
.content { left: 56px; width: calc(100% - 47.5px); }
|
||||
}
|
||||
}
|
||||
|
||||
/*推荐商品列表*/
|
||||
.coreshop-recommend-goods-list-view { position: relative;
|
||||
.coreshop-flex-wrap { padding: 5px; }
|
||||
.list-item { text-align: center; margin-bottom: 10px;
|
||||
.coreshop-avatar { width: 124px; height: 124px; }
|
||||
.goods-info-view { position: relative; padding: 8px; text-align: left;
|
||||
.coreshop-text-price { margin: 5px 0; }
|
||||
.foot-box { position: relative;
|
||||
.cu-tag { position: absolute; right: 0; top: 0; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*团队列表样式*/
|
||||
.coreshop-team-box { margin-top: 10px;
|
||||
.coreshop-team-list {
|
||||
.coreshop-team-children { padding-left: 15px; padding-right: 15px; height: 66px; border-bottom: 0.5px solid #eee; background: #fff;
|
||||
.head-img { width: 30px; height: 30px; border-radius: 50%; margin-right: 20px; }
|
||||
.head-info { width: calc( 100% - 50px);
|
||||
.head-time { font-size: 12px; font-weight: 400; color: #999999; }
|
||||
.child-num { font-size: 12px; font-weight: 400; color: #999999; }
|
||||
.name-box { margin-bottom: 6px;
|
||||
.name-text { font-size: 12px; font-weight: 500; color: #666; }
|
||||
.tag-box { background: rgba(0, 0, 0, 0.2); border-radius: 10px; line-height: 15px; padding-right: 5px; margin-left: 5px;
|
||||
.tag-img { width: 17px; height: 17px; margin-right: 3px; border-radius: 50%; }
|
||||
.tag-title { font-size: 9px; font-family: PingFang SC; font-weight: 500; color: white; line-height: 10px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 头像*/
|
||||
.coreshop-avatar { font-variant: small-caps; margin: 0; padding: 0; display: inline-flex; text-align: center; justify-content: center; align-items: center; background-color: #ccc; color: #ffffff; white-space: nowrap; position: relative; width: 32px; height: 32px; background-size: cover; background-position: center; vertical-align: middle; font-size: 1.5em;
|
||||
&.sm { width: 24px; height: 24px; font-size: 1em; }
|
||||
&.lg { width: 48px; height: 48px; font-size: 2em; }
|
||||
&.xl { width: 64px; height: 64px; font-size: 2.5em; }
|
||||
.avatar-text { font-size: 0.4em; }
|
||||
}
|
||||
.coreshop-avatar-group { direction: rtl; unicode-bidi: bidi-override; padding: 0 5px 0 20px; display: inline-block;
|
||||
.coreshop-avatar { margin-left: -15px; border: 2px solid #f1f1f1; vertical-align: middle;
|
||||
&.sm { margin-left: -10px; border: 0.5px solid #f1f1f1; }
|
||||
}
|
||||
}
|
||||
|
||||
/*通用列表样式*/
|
||||
.coreshop-list {
|
||||
& + .coreshop-list { margin-top: 15px; }
|
||||
& > .coreshop-list-item { transition: all .6s ease-in-out 0s; transform: translateX(0px);
|
||||
&.move-cur { transform: translateX(-130px); }
|
||||
.move { position: absolute; right: 0; display: flex; width: 130px; height: 100%; transform: translateX(100%);
|
||||
view { display: flex; flex: 1; justify-content: center; align-items: center; }
|
||||
}
|
||||
}
|
||||
&.menu-avatar { overflow: hidden;
|
||||
& > .coreshop-list-item { position: relative; display: flex; padding-right: 5px; height: 70px; background-color: #ffffff; justify-content: flex-end; align-items: center;
|
||||
& > .coreshop-avatar { position: absolute; left: 15px; }
|
||||
.flex {
|
||||
.text-cut { max-width: 255px; }
|
||||
}
|
||||
.content { position: absolute; left: 73px; width: calc(100% - 48px - 30px - 20px); line-height: 1.6em;
|
||||
&.flex-sub { width: calc(100% - 48px - 30px - 10px); }
|
||||
& > view {
|
||||
&:first-child { font-size: 15px; display: flex; align-items: center; }
|
||||
}
|
||||
.coreshop-tag {
|
||||
&.sm { display: inline-block; margin-left: 5px; height: 14px; font-size: 8px; line-height: 16px; }
|
||||
}
|
||||
}
|
||||
.action { width: 50px; text-align: center;
|
||||
view {
|
||||
& + view { margin-top: 5px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.comment {
|
||||
& > .coreshop-list-item { padding: 15px 15px 15px 60px; height: auto;
|
||||
.content { position: relative; left: 0; width: auto; flex: 1; }
|
||||
}
|
||||
.coreshop-avatar { align-self: flex-start; }
|
||||
}
|
||||
}
|
||||
&.menu { display: block; overflow: hidden;
|
||||
& > .coreshop-list-item { position: relative; display: flex; padding: 0 15px; min-height: 50px; background-color: #ffffff; justify-content: space-between; align-items: center;
|
||||
&:last-child {
|
||||
&:after { border: none; }
|
||||
}
|
||||
&.grayscale { background-color: #f5f5f5; }
|
||||
&.cur { background-color: #fcf7e9; }
|
||||
&.arrow { padding-right: 45px;
|
||||
&:before { position: absolute; top: 0; right: 15px; bottom: 0; display: block; margin: auto; width: 10px; height: 10px; color: #8799a3; content: "\e605"; text-align: center; font-size: 17px; font-family: "uicon-iconfont"; line-height: 10px; }
|
||||
}
|
||||
button {
|
||||
&.content { padding: 0; background-color: transparent; justify-content: flex-start;
|
||||
&:after { display: none; }
|
||||
}
|
||||
}
|
||||
.coreshop-avatar-group {
|
||||
.coreshop-avatar { border-color: #ffffff; }
|
||||
}
|
||||
.content { font-size: 15px; line-height: 1.6em; flex: 1;
|
||||
& > view {
|
||||
&:first-child { display: flex; align-items: center; }
|
||||
}
|
||||
& > text[class*=cuIcon] { display: inline-block; margin-right: 5px; width: 1.6em; text-align: center; }
|
||||
& > image { display: inline-block; margin-right: 5px; width: 1.6em; height: 1.6em; vertical-align: middle; }
|
||||
.coreshop-tag {
|
||||
&.sm { display: inline-block; margin-left: 5px; height: 14px; font-size: 8px; line-height: 16px; }
|
||||
}
|
||||
}
|
||||
.action {
|
||||
.coreshop-tag {
|
||||
&:empty { right: 5px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.sm-border {
|
||||
& > .coreshop-list-item {
|
||||
&:after { left: 15px; width: calc(200% - 60px); }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.grid { background-color: #ffffff; text-align: center;
|
||||
& > .coreshop-list-item { position: relative; display: flex; padding: 10px 0 15px; transition-duration: 0s; flex-direction: column;
|
||||
&:after { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 200%; height: 200%; border-right: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); border-radius: inherit; content: " "; transform: scale(.5); transform-origin: 0 0; pointer-events: none; }
|
||||
text { display: block; margin-top: 5px; color: #888; font-size: 13px; line-height: 20px; }
|
||||
[class*=cuIcon] { position: relative; display: block; margin-top: 10px; width: 100%; font-size: 24px; }
|
||||
.coreshop-tag { right: auto; left: 50%; margin-left: 10px; }
|
||||
}
|
||||
&.no-border { padding: 10px 5px;
|
||||
& > .coreshop-list-item { padding-top: 5px; padding-bottom: 10px;
|
||||
&:after { border: none; }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.card-menu { overflow: hidden; margin-right: 15px; margin-left: 15px; border-radius: 10px; }
|
||||
}
|
||||
.coreshop-list.menu-avatar > .coreshop-list-item:after,
|
||||
.coreshop-list.menu > .coreshop-list-item:after { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 200%; height: 200%; border-bottom: 0.5px solid #ddd; border-radius: inherit; content: " "; transform: scale(.5); transform-origin: 0 0; pointer-events: none; }
|
||||
.coreshop-list.grid.col-3 > .coreshop-list-item:nth-child(3n):after,
|
||||
.coreshop-list.grid.col-4 > .coreshop-list-item:nth-child(4n):after,
|
||||
.coreshop-list.grid.col-5 > .coreshop-list-item:nth-child(5n):after { border-right-width: 0; }
|
||||
|
||||
|
||||
/*常用日志数据多列列表三联*/
|
||||
.coreshop-log-item { height: 71px; background-color: #fff; padding: 0 15px; border-bottom: 0.5px solid #eee;
|
||||
.item-left {
|
||||
.log-img { width: 25px; height: 25px; border-radius: 50%; margin-right: 12px; }
|
||||
.log-name { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
|
||||
.log-notice { font-size: 11px; font-weight: 500; }
|
||||
}
|
||||
.item-right {
|
||||
.log-num { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
|
||||
.log-date { font-size: 11px; font-weight: 400; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*占高区*/
|
||||
.coreshop-card-hight-box { height: 23px; }
|
||||
|
||||
/*底部高度区域*/
|
||||
.coreshop-foot-hight-view { width: 100%; height: calc((env(safe-area-inset-bottom) / 2) + 55px); }
|
||||
|
||||
|
||||
/*为您推荐头部效果*/
|
||||
.coreshop-recommended-title-view { position: relative; margin: 18px;
|
||||
.img-anc { position: relative; width: 18px; top: 2px; }
|
||||
}
|
||||
|
||||
|
||||
.coreshop-navbar-left-slot { display: flex; align-items: center; justify-content: space-between; opacity: 0.8; flex-direction: row; /*padding: 3px 7px; border: 1px solid; border-width: 0.5px; border-radius: 100px; border-color: #dcdcdc;*/ }
|
||||
/*支付界面效果*/
|
||||
.payment-wx {
|
||||
.coreshop-btn { background-color: #fff; line-height: 1.7; padding: 0; width: 367px; position: relative; display: flex; align-items: center; }
|
||||
}
|
||||
.payment-pop { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 136px; background-color: #fff; text-align: center; box-shadow: 0 0 10px #ccc;
|
||||
.text { font-size: 12px; }
|
||||
}
|
||||
.payment-pop-c { padding: 25px 15px; font-size: 16px; color: #999;
|
||||
image { width: 30px; height: 30px; }
|
||||
}
|
||||
.payment-pop-b { position: absolute; bottom: 0; display: flex; width: 100%; justify-content: space-between;
|
||||
.coreshop-btn { flex: 1; justify-content: center; }
|
||||
.coreshop-btn-o { background-color: #ff7159; }
|
||||
}
|
||||
|
||||
|
||||
/*全屏下头部透明效果*/
|
||||
.coreshop-full-screen-nav-back { width: 100%; height: 44px; /* #ifndef MP-WEIXIN */ padding: 12px 12px 0; /* #endif */ /* #ifdef MP-WEIXIN */ padding: 26px 12px 0; /* #endif */ position: fixed; top: 10px; background-color: rgba(255, 255, 255, 0); z-index: 98;
|
||||
.back-btn { height: 32px; width: 32px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); text-align: center;
|
||||
.icon { height: 20px; width: 20px; position: relative; top: 50%; left: 46%; transform: translate(-50%, -50%); }
|
||||
}
|
||||
}
|
||||
|
||||
/*全屏下顶部满屏占位幻灯片效果*/
|
||||
.coreshop-full-screen-banner-swiper-box { position: relative; width: 100%;
|
||||
.screen-swiper { min-height: 325px; }
|
||||
.tag { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px 8px; font-family: Helvetica Neue, Helvetica, sans-serif; white-space: nowrap; position: absolute; bottom: 14px; right: 14px; font-size: 10px; padding: 0px 6px; height: 16px; }
|
||||
}
|
||||
|
||||
/*商品内限时秒杀区域效果*/
|
||||
.coreshop-limited-seckill-box { position: relative; background-image: url('/static/images/good/titlebg.png'); background-repeat: no-repeat; background-size: 100% 100%; padding: 12.5px 14px; color: #ffffff; width: 100%;
|
||||
.coreshop-cost-price-num { position: absolute; font-weight: 200; left: 100px; top: 11px; }
|
||||
.coreshop-cost-price-num.price-6 { left: 127px; }
|
||||
.coreshop-cost-price-num.price-5 { left: 114px; }
|
||||
.coreshop-cost-price-num.price-4 { left: 100px; }
|
||||
.coreshop-cost-price-num.price-3 { left: 82px; }
|
||||
.coreshop-cost-price-num.price-2 { left: 68px; }
|
||||
.coreshop-cost-price-num.price-1 { left: 50px; }
|
||||
.coreshop-time-right { position: absolute; right: 10px; top: 5px; }
|
||||
.coreshop-share-right { position: absolute; right: 14px; top: 8px; }
|
||||
}
|
||||
.coreshop-limited-seckill-box::after { content: ""; position: absolute; z-index: -1; background-color: inherit; width: 100%; height: 100%; left: 0; bottom: -10%; border-radius: 5px; opacity: 0.2; transform: scale(0.9, 0.9); }
|
||||
|
||||
/*通用空白区域*/
|
||||
.coreshop-common-view-box { position: relative; padding: 10px 10px; }
|
||||
|
||||
|
||||
/*商品标题区域效果*/
|
||||
.coreshop-good-title-view-box { position: relative;
|
||||
.title-view { display: inline-block; flex-direction: row; align-items: center;
|
||||
.brand-tag { width: 60px; float: left; height: 10px; font-size: 10px; font-weight: normal; }
|
||||
}
|
||||
.coreshop-title-tip-box { position: relative; padding: 5px 10px; width: 100%;
|
||||
.u-line-1 { padding-right: 14px; }
|
||||
.icon { position: absolute; right: 10px; top: 6px; }
|
||||
}
|
||||
}
|
||||
|
||||
/*商品页面底部浮层*/
|
||||
.coreshop-good-footer-fixed { display: flex; position: fixed; bottom: 0; margin-top: 60px; width: 100%; z-index: 1; border-top: solid 1px #f2f2f2; background-color: #ffffff;
|
||||
.tabbar { display: flex; position: relative; align-items: center; min-height: 50px; justify-content: space-between; padding-left: 5px; padding-right: 5px; height: calc(50px + env(safe-area-inset-bottom) / 2); padding-bottom: calc(env(safe-area-inset-bottom) / 2); width: 100%; flex-direction: row;
|
||||
.action { display: flex; align-items: center; height: 100%; justify-content: center; max-width: 100%; color: #333333; position: relative; text-align: center;
|
||||
.car-num { position: absolute; top: 5px; right: 7.5px; }
|
||||
}
|
||||
.btn-group { justify-content: space-around; flex-direction: row;
|
||||
button { margin: 0 5px; }
|
||||
}
|
||||
.btn-box { justify-content: space-around; width: 50%; padding: 5px; padding-left: 0px; }
|
||||
}
|
||||
}
|
||||
|
||||
/*商品页面商家面板展示*/
|
||||
.coreshop-goods-shop-info-view-box {
|
||||
.coreshop-shop-view { position: relative; width: 100%;
|
||||
.coreshop-avatar { position: absolute; height: 40px; width: 40px; }
|
||||
button { position: absolute; top: 11px; right: 0; width: 60px; }
|
||||
}
|
||||
.coreshop-border-view { position: relative; background: #efebeb; margin: 11px 0; height: 1px; width: 100%; }
|
||||
.live-tag-view { position: relative; width: 100%;
|
||||
.text-view { padding-right: 74px; display: flex;
|
||||
.location-tag { width: 50px; }
|
||||
}
|
||||
.go-map-box { position: absolute; right: 0; top: 2px; width: 70px; display: flex; }
|
||||
}
|
||||
.coreshop-good-shop-recommend-list-box {
|
||||
.recommend-scroll-box { position: relative; width: 100%;
|
||||
.recommend-scroll { position: relative; height: 180px; white-space: nowrap; width: 100%;
|
||||
.recommend-scroll-item { display: inline-block; padding-top: 14px; width: 100px; padding-right: 9px; white-space: initial;
|
||||
.coreshop-avatar { width: 140px; height: 140px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*商品页面底部弹出层效果*/
|
||||
.coreshop-bottom-popup-box { border-radius: 18px 18px 0 0;
|
||||
.cu-dialog { border-radius: 18px 18px 0 0; }
|
||||
.coreshop-title-bar { position: relative; width: 100%;
|
||||
.close-icon { position: absolute; right: 18px; }
|
||||
}
|
||||
.coreshop-modal-content { position: relative; width: 100%; overflow-y: auto; /*height: calc(100vh - 327.5px);*/ padding: 0 15px 15px; margin-bottom: 60px;
|
||||
.coreshop-common-view-box { position: relative; width: 100%; padding: 0; text-align: left; }
|
||||
.coreshop-common-view-box.service {
|
||||
.text-view { margin-bottom: 10px; }
|
||||
.text-list-view { position: relative; width: 100%; margin-bottom: 10px;
|
||||
.u-line-1 { padding-right: 10.5px; }
|
||||
}
|
||||
.text-list-view + .text-view { margin-top: 18px; }
|
||||
}
|
||||
.coreshop-common-view-box.promotion {
|
||||
.text-view { margin-bottom: 10px;
|
||||
.cu-tag { position: relative; top: -2px; }
|
||||
}
|
||||
.text-list-view { position: relative; width: 100%; margin-bottom: 10px;
|
||||
.u-line-1 { padding-right: 110px; }
|
||||
.go-map-box { position: absolute; right: 0; top: 1px; }
|
||||
}
|
||||
.text-list-view + .text-view { margin-top: 18px; }
|
||||
}
|
||||
.coreshop-common-view-box.select {
|
||||
.coreshop-list.menu-avatar > .coreshop-list-item {
|
||||
.content { width: calc(100% - 47.5px - 30px); }
|
||||
}
|
||||
.coreshop-select-btn-list-box { }
|
||||
}
|
||||
}
|
||||
}
|
||||
/*商品详情区域初始高度*/
|
||||
.coreshop-good-rich-text-view { min-height: 250px; }
|
||||
|
||||
|
||||
/*拼团*/
|
||||
.group-box { background: linear-gradient(#fff, #f5f5f5); border-radius: 10px; margin: 0 10px 10px 10px; min-height: 500px;
|
||||
.goods-item { border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 10px;
|
||||
.tag { position: absolute; left: 0; top: 5px; z-index: 2; line-height: 17.5px; background: linear-gradient(132deg, rgba(255, 153, 93, 1), rgba(255, 99, 97, 1)); border-radius: 0px 9px 9px 0px; padding: 0 5px; font-size: 12px; font-family: PingFang SC; font-weight: bold; color: rgba(255, 255, 255, 0.8); }
|
||||
.goods-right { width: 240px;
|
||||
.title { width: 240px; color: $u-main-color }
|
||||
.tip { width: 240px; }
|
||||
}
|
||||
.buy-btn { position: absolute; right: 0; bottom: -5px; width: 130px; height: 30px; background: linear-gradient(90deg, rgba(254, 131, 42, 1), rgba(255, 102, 0, 1)); box-shadow: 0px 3.5px 3px 0px rgba(255, 104, 4, 0.22); border-radius: 15px; font-size: 14px; font-family: PingFang SC; font-weight: 500; color: #fff; padding: 0; }
|
||||
.group-num { font-size: 10px; font-family: PingFang SC; font-weight: 500; color: rgba(153, 153, 153, 1); margin-left: 10px; }
|
||||
.sell-box { background: rgba(255, 224, 226, 0.3); border-radius: 8px; line-height: 16px; padding: 0 5px;
|
||||
.sell-num { font-size: 10px; font-family: PingFang SC; font-weight: 400; color: rgba(247, 151, 156, 1); }
|
||||
|
||||
.cuIcon-hotfill { font-size: 13px; color: #e1212b; margin-right: 4px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.group-boxComponents.group-box { min-height: 25px; }
|
||||
|
||||
.activity-goods-box { padding: 20px 10px; background: #fff;
|
||||
.img-box { margin-right: 10px; width: 100px; height: 100px; overflow: hidden; position: relative;
|
||||
.img { width: 100px; height: 100px; background-color: #ccc; }
|
||||
}
|
||||
.goods-right { width: 425px; min-height: 100px; position: relative;
|
||||
.title { font-size: 14px; line-height: 20px; }
|
||||
.tip { font-size: 11px; color: #a8700d; width: 250px; padding: 3px 0; }
|
||||
.current { font-size: 14px; font-weight: 500; color: rgba(225, 33, 43, 1); }
|
||||
.original { font-size: 11px; font-weight: 400; text-decoration: line-through; color: rgba(153, 153, 153, 1); margin-left: 7px; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*版权信息*/
|
||||
.coreshop-copyright { text-align: center; margin: 10px 0; width: 100%; overflow: hidden; line-height: 20px; }
|
||||
|
||||
/*
|
||||
按钮无边框样式*/
|
||||
.noButtonStyle { -webkit-appearance: none; overflow: visible; color: #606266; border-color: #c0c4cc; background-color: #ffffff; position: relative; border: 0; display: inline-flex; overflow: visible; line-height: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; z-index: 1; box-sizing: border-box; transition: all 0.15s; }
|
||||
.noButtonStyle::after { border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
|
||||
|
||||
|
||||
/*顶部自定义效果*/
|
||||
.coreshop-header-slot-wrap { display: flex; align-items: center; padding: 0 10px; margin-top: -5px;
|
||||
.coreshop-slot-btns { background: #111727; border: 1px solid #565b6f; padding: 4px 12px; border-radius: 250px; display: flex; align-items: center; z-index: 10075;
|
||||
.coreshop-slot-cut-off { margin: 0 10px; color: #fff; width: 0.5px; border-left: 1px solid #fff; background: #fff; height: 17.5px; }
|
||||
}
|
||||
.coreshop-header-title { padding: 1px 10px; }
|
||||
}
|
||||
|
||||
|
||||
/*接龙*/
|
||||
.solitaire-details-bg { min-height: 150px; background-image: url('/static/images/common/bg.png'); background-size: cover; background-position: center; border-radius: 0 0 40px 40px; background: #272d47; }
|
||||
.solitaire-details-placeholder-body { margin-top: -150px; padding: 2.5px; }
|
||||
.solitaire-details-body { min-height: 150px; border-radius: 15px; margin: 20px 10px 10px 10px; padding: 5px 10px 10px 10px;
|
||||
.solitaire-details-shareBox { background: #0fd7bd; padding: 2.5px 5px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; margin-right: -10px; margin-left: 10px; margin-top: 10px; width: 35px; height: 25px; }
|
||||
}
|
||||
.coreshop-content { color: $u-content-color; font-size: 14px; line-height: 1.8;
|
||||
p { color: $u-tips-color; }
|
||||
}
|
||||
.solitaire-details-product-item { background: #FFFFFF; border-radius: 4px; margin: 0 10px; margin-top: 10px; border-radius: 8px; padding: 10px 10px; background: #FFFFFF !important; }
|
||||
|
||||
|
||||
|
||||
|
||||
.contact-btn { margin: 0 auto; }
|
||||
@@ -1,449 +0,0 @@
|
||||
{
|
||||
"code": 1,
|
||||
"show": 0,
|
||||
"msg": "获取成功",
|
||||
"data": {
|
||||
"banners": [
|
||||
{
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/202208071436439e9160078.jpg",
|
||||
"link": "/pages/goods_cate/goods_cate",
|
||||
"link_type": 1,
|
||||
"params": [],
|
||||
"is_tab": 1
|
||||
},
|
||||
{
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220806144514ad6e08584.jpg",
|
||||
"link": "/pages/goods_details/goods_details",
|
||||
"link_type": 2,
|
||||
"params": {
|
||||
"id": "11"
|
||||
},
|
||||
"is_tab": 0
|
||||
},
|
||||
{
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220807132651ba8594496.jpg",
|
||||
"link": "/pages/goods_details/goods_details",
|
||||
"link_type": 2,
|
||||
"params": {
|
||||
"id": "4"
|
||||
},
|
||||
"is_tab": 0
|
||||
}
|
||||
],
|
||||
"tags": [
|
||||
{
|
||||
"id": 1,
|
||||
"name": "帮扶",
|
||||
"remark": "打标后在前端商品和详情展示“帮扶”图标"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"name": "832产品",
|
||||
"remark": "打标后在前端商品和详情展示“832产品”图标"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"name": "食堂专供",
|
||||
"remark": "打标后在前端商品和详情展示“食堂专供”图标"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"name": "爆品",
|
||||
"remark": "打标后在前端商品和详情展示“爆品”图标"
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"name": "新品",
|
||||
"remark": "打标后在前端商品和详情展示“新品”图标"
|
||||
}
|
||||
],
|
||||
"headlines": [
|
||||
{
|
||||
"id": 1,
|
||||
"title": "欣衡乡村振兴平台于5.18正式上线…"
|
||||
}
|
||||
],
|
||||
"seckill_goods": [
|
||||
{
|
||||
"id": 4,
|
||||
"start_time": "00:00",
|
||||
"end_time": "23:59",
|
||||
"status": 1,
|
||||
"tips": "抢购中",
|
||||
"end_time_int": 1662479940,
|
||||
"goods": [
|
||||
{
|
||||
"seckill_id": 4,
|
||||
"start_date": "2022-08-22",
|
||||
"end_date": "2022-10-31",
|
||||
"goods_id": 145,
|
||||
"goods_name": "蜜悦农野山花蜜250g",
|
||||
"goods_image": "https://file.xinyuyanxuan.com/uploads/images/20220822163511fcde96224.jpg",
|
||||
"goods_min_price": "19.00",
|
||||
"seckill_price": "16.80",
|
||||
"seckill_total": 3
|
||||
},
|
||||
{
|
||||
"seckill_id": 4,
|
||||
"start_date": "2022-08-25",
|
||||
"end_date": "2022-10-31",
|
||||
"goods_id": 146,
|
||||
"goods_name": "名氏竹纤维面巾纸每抽300张",
|
||||
"goods_image": "https://file.xinyuyanxuan.com/uploads/images/2022082515333656b553439.jpg",
|
||||
"goods_min_price": "6.00",
|
||||
"seckill_price": "4.90",
|
||||
"seckill_total": 0
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
"etm_goods": [
|
||||
{
|
||||
"id": 34,
|
||||
"name": "新果汇开心果400g",
|
||||
"second_assist_id": 134,
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220520170011985648500.jpg",
|
||||
"market_price": "78.00",
|
||||
"column_ids": "6",
|
||||
"min_price": "68.00",
|
||||
"remark": "",
|
||||
"second_assist": "鄯善县"
|
||||
},
|
||||
{
|
||||
"id": 40,
|
||||
"name": "新果汇无核白葡萄干袋装500g",
|
||||
"second_assist_id": 134,
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220616134957aab5e5667.jpg",
|
||||
"market_price": "40.00",
|
||||
"column_ids": "6",
|
||||
"min_price": "31.00",
|
||||
"remark": "",
|
||||
"second_assist": "鄯善县"
|
||||
},
|
||||
{
|
||||
"id": 41,
|
||||
"name": "沃康山茶油1.5L",
|
||||
"second_assist_id": 132,
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220616161942cb8f18476.jpg",
|
||||
"market_price": "388.00",
|
||||
"column_ids": "6",
|
||||
"min_price": "298.00",
|
||||
"remark": "",
|
||||
"second_assist": "永顺县"
|
||||
},
|
||||
{
|
||||
"id": 42,
|
||||
"name": "新疆红枸杞248g",
|
||||
"second_assist_id": 134,
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/202206161636167abde4860.jpg",
|
||||
"market_price": "55.00",
|
||||
"column_ids": "6",
|
||||
"min_price": "45.00",
|
||||
"remark": "",
|
||||
"second_assist": "鄯善县"
|
||||
},
|
||||
{
|
||||
"id": 53,
|
||||
"name": "黑白列巴双拼500g",
|
||||
"second_assist_id": 134,
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220702140655762e52426.jpg",
|
||||
"market_price": "59.90",
|
||||
"column_ids": "6",
|
||||
"min_price": "59.90",
|
||||
"remark": "",
|
||||
"second_assist": "鄯善县"
|
||||
},
|
||||
{
|
||||
"id": 56,
|
||||
"name": "切片列巴600克",
|
||||
"second_assist_id": 134,
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/202207021503100edf93466.jpg",
|
||||
"market_price": "59.90",
|
||||
"column_ids": "6",
|
||||
"min_price": "45.80",
|
||||
"remark": "",
|
||||
"second_assist": "鄯善县"
|
||||
},
|
||||
{
|
||||
"id": 162,
|
||||
"name": "龙山县西北边话高山赤小豆750g",
|
||||
"second_assist_id": 129,
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/2022090315543847d448207.jpg",
|
||||
"market_price": "39.80",
|
||||
"column_ids": "6,1",
|
||||
"min_price": "29.80",
|
||||
"remark": "饭桌小杂粮 与薏米更配",
|
||||
"second_assist": "龙山县"
|
||||
},
|
||||
{
|
||||
"id": 163,
|
||||
"name": "龙山县西北边话高山薏米700g",
|
||||
"second_assist_id": 129,
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220903155913fd9436376.jpg",
|
||||
"market_price": "31.90",
|
||||
"column_ids": "6,1",
|
||||
"min_price": "21.90",
|
||||
"remark": "饭桌小杂粮 与赤小豆更配哦",
|
||||
"second_assist": "龙山县"
|
||||
},
|
||||
{
|
||||
"id": 164,
|
||||
"name": "龙山县西北边话高山黄金小米700g",
|
||||
"second_assist_id": 129,
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/202209031602131050d0151.jpg",
|
||||
"market_price": "29.80",
|
||||
"column_ids": "6,1",
|
||||
"min_price": "23.80",
|
||||
"remark": "",
|
||||
"second_assist": "龙山县"
|
||||
}
|
||||
],
|
||||
"news": [
|
||||
{
|
||||
"id": 164,
|
||||
"name": "龙山县西北边话高山黄金小米700g",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/202209031602131050d0151.jpg",
|
||||
"min_price": "23.80",
|
||||
"market_price": "29.80",
|
||||
"column_ids": "6,1",
|
||||
"second_assist_id": 129,
|
||||
"sales_actual": 0,
|
||||
"create_time": "2022-09-03 16:04:10",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 0,
|
||||
"second_assist": "龙山县"
|
||||
},
|
||||
{
|
||||
"id": 163,
|
||||
"name": "龙山县西北边话高山薏米700g",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220903155913fd9436376.jpg",
|
||||
"min_price": "21.90",
|
||||
"market_price": "31.90",
|
||||
"column_ids": "6,1",
|
||||
"second_assist_id": 129,
|
||||
"sales_actual": 0,
|
||||
"create_time": "2022-09-03 16:01:21",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 0,
|
||||
"second_assist": "龙山县"
|
||||
},
|
||||
{
|
||||
"id": 162,
|
||||
"name": "龙山县西北边话高山赤小豆750g",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/2022090315543847d448207.jpg",
|
||||
"min_price": "29.80",
|
||||
"market_price": "39.80",
|
||||
"column_ids": "6,1",
|
||||
"second_assist_id": 129,
|
||||
"sales_actual": 0,
|
||||
"create_time": "2022-09-03 15:58:06",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 0,
|
||||
"second_assist": "龙山县"
|
||||
}
|
||||
],
|
||||
"activity_area": [
|
||||
{
|
||||
"id": 1,
|
||||
"name": "特价促销",
|
||||
"title": "特价促销",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220602165723151556774.png",
|
||||
"goods_lists": [
|
||||
{
|
||||
"id": 6,
|
||||
"name": "花垣县雁享十八洞乡里大米5KG",
|
||||
"market_price": "55.00",
|
||||
"min_price": "49.00",
|
||||
"column_ids": "1,2,3,6",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220520111650c05758089.jpg"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"name": "花垣县雁享十八洞农家大米25kg",
|
||||
"market_price": "160.00",
|
||||
"min_price": "154.00",
|
||||
"column_ids": "1,2,3,6",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/202205201019421de277583.jpg"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"name": "爆品推荐",
|
||||
"title": "爆品推荐",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220602165723151556774.png",
|
||||
"goods_lists": []
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"name": "甄选精品",
|
||||
"title": "甄选精品",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220602165723151556774.png",
|
||||
"goods_lists": []
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"name": "精选帮扶",
|
||||
"title": "精选帮扶",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220602165723151556774.png",
|
||||
"goods_lists": []
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"name": "综合推荐",
|
||||
"title": "综合推荐",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220602165723151556774.png",
|
||||
"goods_lists": []
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"name": "市场专区|粮油专区",
|
||||
"title": "市场专区|粮油专区",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220602165723151556774.png",
|
||||
"goods_lists": []
|
||||
},
|
||||
{
|
||||
"id": 7,
|
||||
"name": "市场专区|家居用品",
|
||||
"title": "市场专区|家居用品",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220602165723151556774.png",
|
||||
"goods_lists": []
|
||||
},
|
||||
{
|
||||
"id": 8,
|
||||
"name": "市场专区|天天特价",
|
||||
"title": "市场专区|天天特价",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220602165723151556774.png",
|
||||
"goods_lists": []
|
||||
}
|
||||
],
|
||||
"assistGoods": [
|
||||
{
|
||||
"id": 19,
|
||||
"name": "永顺县芙蓉行乡里大米5KG",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220520150818c78ab3340.jpg",
|
||||
"min_price": "49.00",
|
||||
"market_price": "59.00",
|
||||
"second_assist_id": 132,
|
||||
"sales_actual": 44,
|
||||
"column_ids": "1,3,6,2",
|
||||
"create_time": "2021-06-23 22:20:45",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 44,
|
||||
"second_assist": "永顺县"
|
||||
},
|
||||
{
|
||||
"id": 21,
|
||||
"name": "永顺县芙蓉行高山清香菜籽油5L",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/202205201519025f61a5945.jpg",
|
||||
"min_price": "119.00",
|
||||
"market_price": "129.00",
|
||||
"second_assist_id": 132,
|
||||
"sales_actual": 14,
|
||||
"column_ids": "1,2,3,6",
|
||||
"create_time": "2021-06-23 23:03:18",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 14,
|
||||
"second_assist": "永顺县"
|
||||
},
|
||||
{
|
||||
"id": 27,
|
||||
"name": "永顺县芙蓉行原色古法冰糖600g",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/202205201603068fc0c1758.jpg",
|
||||
"min_price": "19.00",
|
||||
"market_price": "29.00",
|
||||
"second_assist_id": 132,
|
||||
"sales_actual": 12,
|
||||
"column_ids": "1,4",
|
||||
"create_time": "2021-06-24 01:10:58",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 12,
|
||||
"second_assist": "永顺县"
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"name": "花垣县雁享十八洞土家腊肠500g",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220520135335e3f4d2286.jpg",
|
||||
"min_price": "51.00",
|
||||
"market_price": "66.00",
|
||||
"second_assist_id": 131,
|
||||
"sales_actual": 7,
|
||||
"column_ids": "1,2",
|
||||
"create_time": "2021-06-23 19:51:49",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 7,
|
||||
"second_assist": "花垣县"
|
||||
},
|
||||
{
|
||||
"id": 14,
|
||||
"name": "花垣县雁享十八洞高山香菇250g",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220520140103a3af51521.jpg",
|
||||
"min_price": "48.00",
|
||||
"market_price": "58.00",
|
||||
"second_assist_id": 131,
|
||||
"sales_actual": 5,
|
||||
"column_ids": "1,2",
|
||||
"create_time": "2021-06-23 20:34:22",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 5,
|
||||
"second_assist": "花垣县"
|
||||
},
|
||||
{
|
||||
"id": 24,
|
||||
"name": "永顺县芙蓉行高山百合干220g",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/2022052015343069ca66118.jpg",
|
||||
"min_price": "28.00",
|
||||
"market_price": "38.00",
|
||||
"second_assist_id": 132,
|
||||
"sales_actual": 3,
|
||||
"column_ids": "1,6",
|
||||
"create_time": "2021-06-24 00:07:08",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 3,
|
||||
"second_assist": "永顺县"
|
||||
},
|
||||
{
|
||||
"id": 15,
|
||||
"name": "花垣县雁享十八洞高山黑木耳250g",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220520140316fc5701854.jpg",
|
||||
"min_price": "48.00",
|
||||
"market_price": "58.00",
|
||||
"second_assist_id": 131,
|
||||
"sales_actual": 2,
|
||||
"column_ids": "1,2",
|
||||
"create_time": "2021-06-23 20:55:39",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 2,
|
||||
"second_assist": "花垣县"
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"name": "花垣县雁享十八洞土猪腊肉500g",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220520135107501fd3142.jpg",
|
||||
"min_price": "76.00",
|
||||
"market_price": "88.00",
|
||||
"second_assist_id": 131,
|
||||
"sales_actual": 2,
|
||||
"column_ids": "1,2",
|
||||
"create_time": "2021-06-23 20:13:05",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 2,
|
||||
"second_assist": "花垣县"
|
||||
},
|
||||
{
|
||||
"id": 23,
|
||||
"name": "永顺县芙蓉行高山白莲500g",
|
||||
"image": "https://file.xinyuyanxuan.com/uploads/images/20220520153004c95720922.jpg",
|
||||
"min_price": "49.00",
|
||||
"market_price": "59.00",
|
||||
"second_assist_id": 132,
|
||||
"sales_actual": 0,
|
||||
"column_ids": "1",
|
||||
"create_time": "2021-06-23 23:45:51",
|
||||
"sales_virtual": 0,
|
||||
"sales_total": 0,
|
||||
"second_assist": "永顺县"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -1,712 +0,0 @@
|
||||
/* H5的时候，隐藏滚动条 */
|
||||
::-webkit-scrollbar { display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; }
|
||||
|
||||
page { color: $core-main-color; font-size: 14px; }
|
||||
|
||||
/* start--去除webkit的默认样式--start */
|
||||
.u-fix-ios-appearance { -webkit-appearance: none; }
|
||||
/* end--去除webkit的默认样式--end */
|
||||
|
||||
/* start--icon图标外层套一个view，让其达到更好的垂直居中的效果--start */
|
||||
.u-icon-wrap { display: flex; align-items: center; }
|
||||
/* end-icon图标外层套一个view，让其达到更好的垂直居中的效果--end */
|
||||
|
||||
/* start--iPhoneX底部安全区定义--start */
|
||||
.safe-area-inset-bottom { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
|
||||
/* end-iPhoneX底部安全区定义--end */
|
||||
|
||||
/* start--各种hover点击反馈相关的类名-start */
|
||||
.u-hover-class { opacity: 0.6; }
|
||||
.u-cell-hover { background-color: #f7f8f9 !important; }
|
||||
/* end--各种hover点击反馈相关的类名--end */ /* start--文本行数限制--start */
|
||||
.u-line-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
|
||||
.u-line-2 { -webkit-line-clamp: 2; }
|
||||
|
||||
.u-line-3 { -webkit-line-clamp: 3; }
|
||||
|
||||
.u-line-4 { -webkit-line-clamp: 4; }
|
||||
|
||||
.u-line-5 { -webkit-line-clamp: 5; }
|
||||
/*// 弹性伸缩盒 -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式*/ .u-line-2, .u-line-3, .u-line-4, .u-line-5 { overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; }
|
||||
/* end--文本行数限制--end */ /* start--Retina 屏幕下的 1px 边框--start */
|
||||
.u-border,
|
||||
.u-border-bottom,
|
||||
.u-border-left,
|
||||
.u-border-right,
|
||||
.u-border-top,
|
||||
.u-border-top-bottom { position: relative }
|
||||
/*// 多加0.1%，能解决有时候边框缺失的问题*/ .u-border-bottom:after,
|
||||
.u-border-left:after,
|
||||
.u-border-right:after,
|
||||
.u-border-top-bottom:after,
|
||||
.u-border-top:after,
|
||||
.u-border:after { /* #ifndef APP-NVUE */ content: ' '; /* #endif */ position: absolute; left: 0; top: 0; pointer-events: none; box-sizing: border-box; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 199.8%; height: 199.7%; transform: scale(0.5, 0.5); border: 0 solid $u-border-color; z-index: 2; }
|
||||
.u-border-top:after { border-top-width: 1px }
|
||||
|
||||
.u-border-left:after { border-left-width: 1px }
|
||||
|
||||
.u-border-right:after { border-right-width: 1px }
|
||||
|
||||
.u-border-bottom:after { border-bottom-width: 1px }
|
||||
|
||||
.u-border-top-bottom:after { border-width: 1px 0 }
|
||||
|
||||
.u-border:after { border-width: 1px }
|
||||
/* end--Retina 屏幕下的 1px 边框--end */ /* start--clearfix--start */
|
||||
.u-clearfix:after,
|
||||
.clearfix:after { /* #ifndef APP-NVUE */ content: ''; /* #endif */ display: table; clear: both }
|
||||
/* end--clearfix--end */ /* start--高斯模糊tabbar底部处理--start */
|
||||
.u-blur-effect-inset { width: 750rpx; height: var(--window-bottom); background-color: #FFFFFF; }
|
||||
/* end--高斯模糊tabbar底部处理--end */ /* start--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--start */ /* #ifdef H5 */
|
||||
uni-toast { z-index: 10090; }
|
||||
uni-toast .uni-toast { z-index: 10090; }
|
||||
/* #endif */ /* end--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--end */ /* start--去除button的所有默认样式--start */
|
||||
.u-reset-button { padding: 0; font-size: inherit; line-height: inherit; background-color: transparent; color: inherit; }
|
||||
|
||||
.u-reset-button::after { border: none; }
|
||||
/* end--去除button的所有默认样式--end */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//占位使用,结合顶部通用标题
|
||||
.coreshop-seat-height { width: 100%; /* #ifndef MP */ height: calc(var(--status-bar-height) + 50px); /* #endif */ /* #ifdef MP */ height: calc(var(--status-bar-height) + 70px); /* #endif */ }
|
||||
|
||||
//占位线
|
||||
.coreshop-solid-line { width: 100%; height: 1px; background: #f9f9f9; }
|
||||
.coreshop-coreshop-solid-top::after { border-top: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
|
||||
|
||||
|
||||
// 格式化页面
|
||||
.coreshop-pageBox { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow-x: hidden; background: #f6f6f6; }
|
||||
.coreshop-scroll-box { flex: 1; height: 100%; position: relative; }
|
||||
.coreshop-content-box { flex: 1; overflow-y: auto; }
|
||||
|
||||
|
||||
|
||||
/*头像大小自定义*/
|
||||
.coreshop-head-icon { width: 20px; height: 20px; display: inline-block; margin-right: 4px; }
|
||||
|
||||
|
||||
|
||||
//底部按钮框样式
|
||||
.coreshop-bottomBox { background-color: #fff; position: fixed; bottom: 0; height: 45px; width: 100%; display: flex; z-index: 66; box-shadow: 0 0 10px #ccc;
|
||||
.coreshop-btn { flex: 1; }
|
||||
}
|
||||
.coreshop-category-bottomBox { background-color: #fff; bottom: 0; /*height: 45px;*/ width: 100%; display: flex; z-index: 66; box-shadow: 0 0 10px #ccc;
|
||||
view { width: calc(50% - 10px); margin: 5px; }
|
||||
}
|
||||
|
||||
|
||||
//底部多按钮区
|
||||
.coreshop-add-btn-view-box { position: fixed; z-index: 10000; bottom: 90px; right: 14px;
|
||||
.cu-btn { margin: auto; width: 40px; height: 40px; font-weight: 800; border-radius: 50%; font-size: 18px; border: 5px solid #fff; box-shadow: 0 0 7px 4px #d0d0d0; }
|
||||
}
|
||||
|
||||
//底部浮动区域，用于放置按钮内容
|
||||
.coreshop-footer-fixed { position: fixed; z-index: 100; width: 100%; bottom: 0; left: 0; padding: 5px 20px; min-height: 60px; display: flex; align-items: center; flex-direction: row; justify-content: center; }
|
||||
.coreshop-foot-padding-bottom { padding-bottom: calc(env(safe-area-inset-bottom) / 2); }
|
||||
.coreshop-tip-view { position: relative; padding: 5px 11px;
|
||||
.coreshop-content { position: relative; padding-right: 28px; }
|
||||
.coreshop-icon { position: absolute; font-size: 16px; right: 14px; color: #8799a3; top: 5px; }
|
||||
}
|
||||
|
||||
/*底部*/
|
||||
.wecanui-footer-fixed { position: fixed; z-index: 10000; width: 100%; bottom: 0; left: 0; }
|
||||
.wecanui-footer-fixed.foot-pb { padding-bottom: calc(env(safe-area-inset-bottom) / 2); }
|
||||
.wecanui-footer-tabbar-hight-view { position: relative; width: 100%; height: calc((env(safe-area-inset-bottom) / 2) + 68px); }
|
||||
.cu-form-group picker .picker { text-align: left; }
|
||||
|
||||
/*浮动按钮*/
|
||||
.floatingButton { width: 40px; height: 40px; background-color: #fff; border-radius: 50%; position: fixed; right: 20px; bottom: 50px; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 5px #ccc; padding: 0; z-index: 996; }
|
||||
.floatingButton .icon { width: 30px; height: 30px; }
|
||||
|
||||
//顶部搜索框导航条设置
|
||||
.coreshop-bar-search-title-box {
|
||||
.cu-bar .action > text[class*="cuIcon-"] { font-size: 18px; }
|
||||
}
|
||||
|
||||
//滚动商品图标颜色
|
||||
.coreshop-goods-swiper-view {
|
||||
swiper.screen-swiper .uni-swiper-dot { background: #f0f0f0; }
|
||||
swiper.screen-swiper.square-dot .uni-swiper-dot { background-color: #aaaaaa; }
|
||||
}
|
||||
|
||||
|
||||
/*分享浮层*/
|
||||
.coreshop-share-Box { width: 100%; background: #FFFFFF; }
|
||||
.coreshop-share-pop { width: 100%; display: flex; }
|
||||
.coreshop-share-item { flex: 1; text-align: center; font-size: 13px; color: #333; padding: 10px 0;
|
||||
image { width: 40px; height: 40px; margin: 10px; }
|
||||
.coreshop-btn { line-height: 1; display: block; font-size: 13px; background-color: #fff; }
|
||||
}
|
||||
.coreshop-share-bottomBox { background-color: #fff; height: 45px; width: 100%; display: flex; box-shadow: 0 0 10px #ccc;
|
||||
.coreshop-btn { flex: 1; }
|
||||
}
|
||||
|
||||
//顶部通用标题
|
||||
.coreshop-bar-view-box { position: fixed; top: 0; width: 100%; z-index: 10000; background: #FAFAFA; /* #ifndef MP */ height: calc(var(--status-bar-height) + 50px); /* #endif */ /* #ifdef MP */ height: calc(var(--status-bar-height) + 65px); /* #endif */ padding: var(--status-bar-height) 14px 0 14px; align-items: center;
|
||||
.coreshop-bar-box { position: relative; width: 100%; align-items: center; line-height: 50px;
|
||||
.close { position: absolute; right: 14px; font-size: 20px; bottom: 5px; }
|
||||
}
|
||||
.coreshop-small-routine-title { padding: 10px 0; }
|
||||
}
|
||||
|
||||
|
||||
/*通用列表*/
|
||||
.coreshop-cell-group { background-color: #fff;
|
||||
.coreshop-cell-item { padding: 10px 13px 10px 10px; border-bottom: 1px solid #f3f3f3; position: relative; background-color: #fff; color: #333; display: flex; min-height: 45px; align-items: center; justify-content: space-between; flex-direction: row;
|
||||
.coreshop-cell-item-hd { display: flex; align-items: center; font-size: 14px; position: relative;
|
||||
.coreshop-cell-hd-title { display: inline-block; position: relative; /* #ifdef MP-ALIPAY */ top: 2px; /* #endif */ }
|
||||
.coreshop-cell-bd-input { display: inline-block; float: left; font-size: 13px; }
|
||||
}
|
||||
.coreshop-cell-item-bd { display: flex; min-height: 15px; overflow: hidden; align-items: center; padding-right: 15px;
|
||||
.coreshop-cell-bd-view { position: relative; display: flex;
|
||||
.coreshop-cell-bd-text { position: relative; font-size: 12px; }
|
||||
}
|
||||
}
|
||||
.coreshop-cell-item-ft { display: flex; align-items: center;
|
||||
.coreshop-cell-ft-view { position: relative; overflow: hidden; color: #666; font-size: 12px; text-align: right; }
|
||||
.coreshop-cell-ft-text { font-size: 14px; float: right; position: relative; line-height: 25px; }
|
||||
}
|
||||
}
|
||||
.coreshop-cell-item:last-child { border: none; }
|
||||
.coreshop-cell-textarea { }
|
||||
.right-img {
|
||||
.coreshop-cell-item-ft { right: 4px; height: 25px; position: absolute; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*二列商品列表展示*/
|
||||
.coreshop-goods-group { border-radius: 8px; color: #333333 !important; margin: 0 5px;
|
||||
.good_box { border-radius: 8px; margin: 3px; background-color: #ffffff; padding: 5px; position: relative; width: calc(100% - 6px);
|
||||
.good_title { font-size: 13px; margin-top: 5px; color: $u-main-color; }
|
||||
.good_title-xl { font-size: 14px; margin-top: 5px; color: $u-main-color; }
|
||||
.good_image { width: 100%; border-radius: 4px; }
|
||||
.good-tag-hot { display: flex; margin-top: 5px; position: absolute; top: 7.5px; left: 7.5px; background-color: $u-type-error; color: #ffffff; display: flex; align-items: center; padding: 2px 7px; border-radius: 25px; font-size: 10px; line-height: 1; }
|
||||
.good-tag-recommend { display: flex; margin-top: 5px; position: absolute; top: 7.5px; right: 7.5px; background-color: $u-type-primary; color: #ffffff; margin-left: 10px; border-radius: 25px; line-height: 1; padding: 2px 7px; display: flex; align-items: center; border-radius: 25px; font-size: 10px; }
|
||||
.good-tag-recommend2 { display: flex; margin-top: 5px; position: absolute; bottom: 7.5px; left: 7.5px; background-color: $u-type-primary; color: #ffffff; border-radius: 25px; line-height: 1; padding: 2px 7px; display: flex; align-items: center; border-radius: 25px; font-size: 10px; }
|
||||
.good-price { font-size: 15px; color: $u-type-error; margin-top: 5px; }
|
||||
.good-des { font-size: 10px; color: $u-tips-color; margin-top: 5px; }
|
||||
.grid-text { font-size: 14px; margin-top: 2px; color: $u-type-info; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*优惠券列表*/
|
||||
.coreshop-coupon {
|
||||
.coreshop-coupon-card-view { position: relative;
|
||||
.card-price-view { position: relative; background: #FFF5F5; border-radius: 7px 7px 0 0; padding: 9px;
|
||||
.price-left-view { position: absolute; height: 63px; width: 78px; text-align: center; line-height: 63px;
|
||||
.price { font-size: 23px; font-weight: 400; }
|
||||
.icon { width: 61px; height: 48px; margin-top: 50%; transform: translateY(-50%); overflow: initial; }
|
||||
}
|
||||
.name-content-view { position: relative; padding-left: 82px; padding-right: 53px; line-height: 1.8; color: #999898; }
|
||||
.name-content-view::before { content: ''; position: absolute; top: -9px; bottom: -9px; margin-left: -9px; border-left: 1px dashed #fdbabc; }
|
||||
.btn-right-view { position: absolute; right: 10px; top: 15px;
|
||||
.u-size-medium { padding: 0; }
|
||||
}
|
||||
}
|
||||
.card-num-view { position: relative; background: #FFECED; border-radius: 0 0 7.5px 7.5px; border-top: 1px dashed #dedbdb; padding: 5px 5px; color: #999898;
|
||||
.btnUnfold { position: absolute; right: 14px; top: 7.5px; }
|
||||
}
|
||||
/* .card-num-view::before { content: ''; position: absolute; width: 18px; height: 18px; background: #ffffff; border-radius: 50%; top: -9px; left: -9px; }
|
||||
.card-num-view::after { content: ''; position: absolute; width: 18px; height: 18px; background: #ffffff; border-radius: 50%; top: -9px; right: -9px; }*/ }
|
||||
|
||||
.coreshop-lower-shelf {
|
||||
.card-price-view { opacity: 0.5; }
|
||||
.card-num-view { opacity: 0.5; }
|
||||
.img-lower-box { position: absolute; height: 50px; width: 50px; background-color: rgba(0, 0, 0, 0.6); border-radius: 90px; text-align: center; line-height: 50px; font-size: 12px; color: #fff; top: 13px; left: 17.5px; -webkit-transition: left .15s; transition: left .15s; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*订单列表*/
|
||||
.orderWrap { display: flex; flex-direction: column; height: calc(100vh - var(--window-top)); width: 100%; }
|
||||
.orderList { background-color: #ffffff; margin: 10px; border-radius: 10px; box-sizing: border-box; padding: 10px; font-size: 14px;
|
||||
.item { display: flex; margin: 10px 0 0;
|
||||
.left { margin-right: 10px; }
|
||||
.content {
|
||||
.title { font-size: 14px; line-height: 25px; }
|
||||
.type { margin: 5px 0; font-size: 12px; color: $core-tips-color; }
|
||||
.delivery-time { color: #e5d001; font-size: 12px; }
|
||||
}
|
||||
.right { margin-left: 5px; padding-top: 10px; text-align: right;
|
||||
.decimal { font-size: 12px; margin-top: 2px; }
|
||||
.number { color: $core-tips-color; font-size: 12px; }
|
||||
}
|
||||
}
|
||||
.total { margin-top: 10px; text-align: right; font-size: 12px;
|
||||
.total-price { font-size: 16px; color: red; }
|
||||
}
|
||||
.bottom { display: flex; margin-top: 10px; padding: 0 5px; justify-content: space-between; align-items: center;
|
||||
.coreshop-btn { line-height: 26px; width: 90px; border-radius: 13px; border: 1px solid $core-border-color; font-size: 13px; text-align: center; color: $core-type-info-dark; margin-left: 10px; }
|
||||
.evaluate { color: $core-type-warning-dark; border-color: $core-type-warning-dark; }
|
||||
.logistics { border-color: #e4e7ed; color: #82848a; }
|
||||
.exchange { color: #8dc63f; border-color: #8dc63f; }
|
||||
}
|
||||
}
|
||||
|
||||
/*订单详情*/
|
||||
.coreshop-solid-top::after { border-top: 1px solid rgba(0, 0, 0, 0.1); }
|
||||
.coreshop-order-priceBox { position: relative; }
|
||||
.coreshop-order-nums { position: absolute; top: 0; right: 0; }
|
||||
|
||||
/*步进器*/
|
||||
.coreshop-status-img-view { position: relative;
|
||||
.are-img-view { position: relative; margin-bottom: 10px;
|
||||
.are-img { width: 165px; }
|
||||
}
|
||||
}
|
||||
/*拼团区域*/
|
||||
.user-head-img-c { position: relative; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; box-sizing: border-box; display: inline-block; float: left; border: 1px solid #f3f3f3; margin-bottom: 10px; margin-top: 10px; }
|
||||
.user-head-img-tip { position: absolute; top: -3px; left: -5px; display: inline-block; background-color: #FF7159; color: #fff; font-size: 11px; z-index: 99; padding: 0 5px; border-radius: 5px; transform: scale(.8); }
|
||||
.group-swiper .coreshop-cell-item .user-head-img { width: 100%; height: 100%; border-radius: 50%; }
|
||||
.group-swiper .coreshop-cell-item .user-head-img-c:first-child { border: 1px solid #FF7159; }
|
||||
.uhihn { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; display: inline-block; border: 1px dashed #e1e1e1; text-align: center; line-height: 40px; color: #d1d1d1; font-size: 20px; box-sizing: border-box; }
|
||||
|
||||
|
||||
/*订单卡片*/
|
||||
.coreshop-card-box { padding: 14px 14px 0; }
|
||||
.coreshop-card-view { position: relative; border-radius: 5px; padding: 10px; box-shadow: 0 0 7.5px #f1f1f1; }
|
||||
.coreshop-price-view { position: relative;
|
||||
.title-view { position: relative; margin-bottom: 10px;
|
||||
.title { position: relative; padding-right: 90px; }
|
||||
.coreshop-text-right { position: absolute; top: 2px; right: 0; }
|
||||
}
|
||||
.title-right-view { position: relative; margin-top: 14px; text-align: right; }
|
||||
.title-left-view { position: relative; margin-top: 14px; text-align: left; }
|
||||
.solid-line { margin: 14px 0; }
|
||||
}
|
||||
|
||||
/*卡片-商品信息*/
|
||||
.coreshop-shop-view { position: relative;
|
||||
.shop-info-view { position: relative; margin-bottom: 14px; line-height: 24px; height: 24px;
|
||||
.coreshop-avatar { position: absolute; }
|
||||
.title-view { position: relative; padding-left: 32px; }
|
||||
}
|
||||
.goods-list-view { position: relative; margin: 10 0;
|
||||
.coreshop-avatar { position: absolute; height: 77.5px; width: 77.5px; }
|
||||
.goods-info-view { position: relative; padding-left: 86.5px; min-height: 77.5px;
|
||||
.name { position: relative; height: 20px; width: 100%; }
|
||||
.introduce { position: relative; height: 16px; width: 100%; }
|
||||
.tag-view { position: relative; margin-bottom: 5px; margin-top: 3px; width: 100%;
|
||||
.cu-tag { position: relative; top: -1px; }
|
||||
}
|
||||
.coreshop-text-price { position: relative; height: 18px; width: 100%; }
|
||||
}
|
||||
}
|
||||
.coreshop-foot-view { position: relative; background: #FFFCFC; margin: 0 -10px -10px -10px; border-radius: 0 0 5px 5px; padding: 10px;
|
||||
.left-view { position: relative; padding-right: 90px;
|
||||
.af5-img { position: relative; margin-right: 5px; width: 18px; top: 2px; }
|
||||
}
|
||||
.coreshop-text-right { position: absolute; right: 10px; top: 10px; }
|
||||
}
|
||||
}
|
||||
|
||||
/*卡片-订单内容区域*/
|
||||
.coreshop-order-view { position: relative;
|
||||
.solid-line { margin: 14px 0; }
|
||||
.title-view { position: relative; margin-bottom: 10px;
|
||||
&:last-child { margin-bottom: 6.5px; }
|
||||
.title { position: absolute; top: 2px; left: 0; }
|
||||
.coreshop-text-right { position: relative; padding-left: 90px;
|
||||
.cu-btn { padding: 0 5px; height: 15px; top: -2px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*卡片-物流信息*/
|
||||
.coreshop-address-view { position: relative;
|
||||
.solid-line { margin: 10px 0; }
|
||||
.coreshop-list.menu-avatar > .coreshop-list-item { height: 55px;
|
||||
&:after { width: 0; height: 0; border-bottom: 0; }
|
||||
.icon-view { position: absolute; border-radius: 100%; text-align: center; line-height: 23px; height: 23px; width: 23px; left: 5px; top: 13px; }
|
||||
.content { left: 56px; width: calc(100% - 47.5px); }
|
||||
}
|
||||
}
|
||||
|
||||
/*推荐商品列表*/
|
||||
.coreshop-recommend-goods-list-view { position: relative;
|
||||
.coreshop-flex-wrap { padding: 5px; }
|
||||
.list-item { text-align: center; margin-bottom: 10px;
|
||||
.coreshop-avatar { width: 124px; height: 124px; }
|
||||
.goods-info-view { position: relative; padding: 8px; text-align: left;
|
||||
.coreshop-text-price { margin: 5px 0; }
|
||||
.foot-box { position: relative;
|
||||
.cu-tag { position: absolute; right: 0; top: 0; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*团队列表样式*/
|
||||
.coreshop-team-box { margin-top: 10px;
|
||||
.coreshop-team-list {
|
||||
.coreshop-team-children { padding-left: 15px; padding-right: 15px; height: 66px; border-bottom: 0.5px solid #eee; background: #fff;
|
||||
.head-img { width: 30px; height: 30px; border-radius: 50%; margin-right: 20px; }
|
||||
.head-info { width: calc( 100% - 50px);
|
||||
.head-time { font-size: 12px; font-weight: 400; color: #999999; }
|
||||
.child-num { font-size: 12px; font-weight: 400; color: #999999; }
|
||||
.name-box { margin-bottom: 6px;
|
||||
.name-text { font-size: 12px; font-weight: 500; color: #666; }
|
||||
.tag-box { background: rgba(0, 0, 0, 0.2); border-radius: 10px; line-height: 15px; padding-right: 5px; margin-left: 5px;
|
||||
.tag-img { width: 17px; height: 17px; margin-right: 3px; border-radius: 50%; }
|
||||
.tag-title { font-size: 9px; font-family: PingFang SC; font-weight: 500; color: white; line-height: 10px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 头像*/
|
||||
.coreshop-avatar { font-variant: small-caps; margin: 0; padding: 0; display: inline-flex; text-align: center; justify-content: center; align-items: center; background-color: #ccc; color: #ffffff; white-space: nowrap; position: relative; width: 32px; height: 32px; background-size: cover; background-position: center; vertical-align: middle; font-size: 1.5em;
|
||||
&.sm { width: 24px; height: 24px; font-size: 1em; }
|
||||
&.lg { width: 48px; height: 48px; font-size: 2em; }
|
||||
&.xl { width: 64px; height: 64px; font-size: 2.5em; }
|
||||
.avatar-text { font-size: 0.4em; }
|
||||
}
|
||||
.coreshop-avatar-group { direction: rtl; unicode-bidi: bidi-override; padding: 0 5px 0 20px; display: inline-block;
|
||||
.coreshop-avatar { margin-left: -15px; border: 2px solid #f1f1f1; vertical-align: middle;
|
||||
&.sm { margin-left: -10px; border: 0.5px solid #f1f1f1; }
|
||||
}
|
||||
}
|
||||
|
||||
/*通用列表样式*/
|
||||
.coreshop-list {
|
||||
& + .coreshop-list { margin-top: 15px; }
|
||||
& > .coreshop-list-item { transition: all .6s ease-in-out 0s; transform: translateX(0px);
|
||||
&.move-cur { transform: translateX(-130px); }
|
||||
.move { position: absolute; right: 0; display: flex; width: 130px; height: 100%; transform: translateX(100%);
|
||||
view { display: flex; flex: 1; justify-content: center; align-items: center; }
|
||||
}
|
||||
}
|
||||
&.menu-avatar { overflow: hidden;
|
||||
& > .coreshop-list-item { position: relative; display: flex; padding-right: 5px; height: 70px; background-color: #ffffff; justify-content: flex-end; align-items: center;
|
||||
& > .coreshop-avatar { position: absolute; left: 15px; }
|
||||
.flex {
|
||||
.text-cut { max-width: 255px; }
|
||||
}
|
||||
.content { position: absolute; left: 73px; width: calc(100% - 48px - 30px - 20px); line-height: 1.6em;
|
||||
&.flex-sub { width: calc(100% - 48px - 30px - 10px); }
|
||||
& > view {
|
||||
&:first-child { font-size: 15px; display: flex; align-items: center; }
|
||||
}
|
||||
.coreshop-tag {
|
||||
&.sm { display: inline-block; margin-left: 5px; height: 14px; font-size: 8px; line-height: 16px; }
|
||||
}
|
||||
}
|
||||
.action { width: 50px; text-align: center;
|
||||
view {
|
||||
& + view { margin-top: 5px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.comment {
|
||||
& > .coreshop-list-item { padding: 15px 15px 15px 60px; height: auto;
|
||||
.content { position: relative; left: 0; width: auto; flex: 1; }
|
||||
}
|
||||
.coreshop-avatar { align-self: flex-start; }
|
||||
}
|
||||
}
|
||||
&.menu { display: block; overflow: hidden;
|
||||
& > .coreshop-list-item { position: relative; display: flex; padding: 0 15px; min-height: 50px; background-color: #ffffff; justify-content: space-between; align-items: center;
|
||||
&:last-child {
|
||||
&:after { border: none; }
|
||||
}
|
||||
&.grayscale { background-color: #f5f5f5; }
|
||||
&.cur { background-color: #fcf7e9; }
|
||||
&.arrow { padding-right: 45px;
|
||||
&:before { position: absolute; top: 0; right: 15px; bottom: 0; display: block; margin: auto; width: 10px; height: 10px; color: #8799a3; content: "\e605"; text-align: center; font-size: 17px; font-family: "uicon-iconfont"; line-height: 10px; }
|
||||
}
|
||||
button {
|
||||
&.content { padding: 0; background-color: transparent; justify-content: flex-start;
|
||||
&:after { display: none; }
|
||||
}
|
||||
}
|
||||
.coreshop-avatar-group {
|
||||
.coreshop-avatar { border-color: #ffffff; }
|
||||
}
|
||||
.content { font-size: 15px; line-height: 1.6em; flex: 1;
|
||||
& > view {
|
||||
&:first-child { display: flex; align-items: center; }
|
||||
}
|
||||
& > text[class*=cuIcon] { display: inline-block; margin-right: 5px; width: 1.6em; text-align: center; }
|
||||
& > image { display: inline-block; margin-right: 5px; width: 1.6em; height: 1.6em; vertical-align: middle; }
|
||||
.coreshop-tag {
|
||||
&.sm { display: inline-block; margin-left: 5px; height: 14px; font-size: 8px; line-height: 16px; }
|
||||
}
|
||||
}
|
||||
.action {
|
||||
.coreshop-tag {
|
||||
&:empty { right: 5px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.sm-border {
|
||||
& > .coreshop-list-item {
|
||||
&:after { left: 15px; width: calc(200% - 60px); }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.grid { background-color: #ffffff; text-align: center;
|
||||
& > .coreshop-list-item { position: relative; display: flex; padding: 10px 0 15px; transition-duration: 0s; flex-direction: column;
|
||||
&:after { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 200%; height: 200%; border-right: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); border-radius: inherit; content: " "; transform: scale(.5); transform-origin: 0 0; pointer-events: none; }
|
||||
text { display: block; margin-top: 5px; color: #888; font-size: 13px; line-height: 20px; }
|
||||
[class*=cuIcon] { position: relative; display: block; margin-top: 10px; width: 100%; font-size: 24px; }
|
||||
.coreshop-tag { right: auto; left: 50%; margin-left: 10px; }
|
||||
}
|
||||
&.no-border { padding: 10px 5px;
|
||||
& > .coreshop-list-item { padding-top: 5px; padding-bottom: 10px;
|
||||
&:after { border: none; }
|
||||
}
|
||||
}
|
||||
}
|
||||
&.card-menu { overflow: hidden; margin-right: 15px; margin-left: 15px; border-radius: 10px; }
|
||||
}
|
||||
.coreshop-list.menu-avatar > .coreshop-list-item:after,
|
||||
.coreshop-list.menu > .coreshop-list-item:after { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 200%; height: 200%; border-bottom: 0.5px solid #ddd; border-radius: inherit; content: " "; transform: scale(.5); transform-origin: 0 0; pointer-events: none; }
|
||||
.coreshop-list.grid.col-3 > .coreshop-list-item:nth-child(3n):after,
|
||||
.coreshop-list.grid.col-4 > .coreshop-list-item:nth-child(4n):after,
|
||||
.coreshop-list.grid.col-5 > .coreshop-list-item:nth-child(5n):after { border-right-width: 0; }
|
||||
|
||||
|
||||
/*常用日志数据多列列表三联*/
|
||||
.coreshop-log-item { height: 71px; background-color: #fff; padding: 0 15px; border-bottom: 0.5px solid #eee;
|
||||
.item-left {
|
||||
.log-img { width: 25px; height: 25px; border-radius: 50%; margin-right: 12px; }
|
||||
.log-name { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
|
||||
.log-notice { font-size: 11px; font-weight: 500; }
|
||||
}
|
||||
.item-right {
|
||||
.log-num { font-size: 14px; font-weight: 500; margin-bottom: 6px; }
|
||||
.log-date { font-size: 11px; font-weight: 400; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*占高区*/
|
||||
.coreshop-card-hight-box { height: 23px; }
|
||||
|
||||
/*底部高度区域*/
|
||||
.coreshop-foot-hight-view { width: 100%; height: calc((env(safe-area-inset-bottom) / 2) + 55px); }
|
||||
|
||||
|
||||
/*为您推荐头部效果*/
|
||||
.coreshop-recommended-title-view { position: relative; margin: 18px;
|
||||
.img-anc { position: relative; width: 18px; top: 2px; }
|
||||
}
|
||||
|
||||
|
||||
.coreshop-navbar-left-slot { text-align: left; float: left; background: #999999; width: 100px;
|
||||
view.div { float: left; }
|
||||
}
|
||||
/*支付界面效果*/
|
||||
.payment-wx {
|
||||
.coreshop-btn { background-color: #fff; line-height: 1.7; padding: 0; width: 367px; position: relative; display: flex; align-items: center; }
|
||||
}
|
||||
.payment-pop { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; height: 136px; background-color: #fff; text-align: center; box-shadow: 0 0 10px #ccc;
|
||||
.text { font-size: 12px; }
|
||||
}
|
||||
.payment-pop-c { padding: 25px 15px; font-size: 16px; color: #999;
|
||||
image { width: 30px; height: 30px; }
|
||||
}
|
||||
.payment-pop-b { position: absolute; bottom: 0; display: flex; width: 100%; justify-content: space-between;
|
||||
.coreshop-btn { flex: 1; justify-content: center; }
|
||||
.coreshop-btn-o { background-color: #ff7159; }
|
||||
}
|
||||
|
||||
|
||||
/*全屏下头部透明效果*/
|
||||
.coreshop-full-screen-nav-back { width: 100%; height: 44px; /* #ifndef MP-WEIXIN */ padding: 12px 12px 0; /* #endif */ /* #ifdef MP-WEIXIN */ padding: 26px 12px 0; /* #endif */ position: fixed; top: 10px; background-color: rgba(255, 255, 255, 0); z-index: 98;
|
||||
.back-btn { height: 32px; width: 32px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); text-align: center;
|
||||
.icon { height: 20px; width: 20px; position: relative; top: 50%; left: 46%; transform: translate(-50%, -50%); }
|
||||
}
|
||||
}
|
||||
|
||||
/*全屏下顶部满屏占位幻灯片效果*/
|
||||
.coreshop-full-screen-banner-swiper-box { position: relative; width: 100%;
|
||||
.screen-swiper { min-height: 325px; }
|
||||
.tag { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px 8px; font-family: Helvetica Neue, Helvetica, sans-serif; white-space: nowrap; position: absolute; bottom: 14px; right: 14px; font-size: 10px; padding: 0px 6px; height: 16px; }
|
||||
}
|
||||
|
||||
/*商品内限时秒杀区域效果*/
|
||||
.coreshop-limited-seckill-box { position: relative; background-image: url('/static/images/good/titlebg.png'); background-repeat: no-repeat; background-size: 100% 100%; padding: 12.5px 14px; color: #ffffff; width: 100%;
|
||||
.coreshop-cost-price-num { position: absolute; font-weight: 200; left: 100px; top: 11px; }
|
||||
.coreshop-cost-price-num.price-6 { left: 127px; }
|
||||
.coreshop-cost-price-num.price-5 { left: 114px; }
|
||||
.coreshop-cost-price-num.price-4 { left: 100px; }
|
||||
.coreshop-cost-price-num.price-3 { left: 82px; }
|
||||
.coreshop-cost-price-num.price-2 { left: 68px; }
|
||||
.coreshop-cost-price-num.price-1 { left: 50px; }
|
||||
.coreshop-time-right { position: absolute; right: 10px; top: 5px; }
|
||||
.coreshop-share-right { position: absolute; right: 14px; top: 8px; }
|
||||
}
|
||||
.coreshop-limited-seckill-box::after { content: ""; position: absolute; z-index: -1; background-color: inherit; width: 100%; height: 100%; left: 0; bottom: -10%; border-radius: 5px; opacity: 0.2; transform: scale(0.9, 0.9); }
|
||||
|
||||
/*通用空白区域*/
|
||||
.coreshop-common-view-box { position: relative; padding: 10px 10px; }
|
||||
|
||||
|
||||
/*商品标题区域效果*/
|
||||
.coreshop-good-title-view-box { position: relative;
|
||||
.title-view { display: inline-block; flex-direction: row; align-items: center;
|
||||
.brand-tag { width: 60px; float: left; height: 10px; font-size: 10px; font-weight: normal; }
|
||||
}
|
||||
.coreshop-title-tip-box { position: relative; padding: 5px 10px; width: 100%;
|
||||
.u-line-1 { padding-right: 14px; }
|
||||
.icon { position: absolute; right: 10px; top: 6px; }
|
||||
}
|
||||
}
|
||||
|
||||
/*商品页面底部浮层*/
|
||||
.coreshop-good-footer-fixed { display: flex; position: fixed; bottom: 0; margin-top: 60px; width: 100%; z-index: 1; border-top: solid 1px #f2f2f2; background-color: #ffffff;
|
||||
.tabbar { display: flex; position: relative; align-items: center; min-height: 50px; justify-content: space-between; padding-left: 5px; padding-right: 5px; height: calc(50px + env(safe-area-inset-bottom) / 2); padding-bottom: calc(env(safe-area-inset-bottom) / 2); width: 100%; flex-direction: row;
|
||||
.action { display: flex; align-items: center; height: 100%; justify-content: center; max-width: 100%; color: #333333; position: relative; text-align: center;
|
||||
.car-num { position: absolute; top: 5px; right: 7.5px; }
|
||||
}
|
||||
.btn-group { justify-content: space-around; flex-direction: row;
|
||||
button { margin: 0 5px; }
|
||||
}
|
||||
.btn-box { justify-content: space-around; width: 50%; padding: 5px; padding-left: 0px; }
|
||||
}
|
||||
}
|
||||
|
||||
/*商品页面商家面板展示*/
|
||||
.coreshop-goods-shop-info-view-box {
|
||||
.coreshop-shop-view { position: relative; width: 100%;
|
||||
.coreshop-avatar { position: absolute; height: 40px; width: 40px; }
|
||||
button { position: absolute; top: 11px; right: 0; width: 60px; }
|
||||
}
|
||||
.coreshop-border-view { position: relative; background: #efebeb; margin: 11px 0; height: 1px; width: 100%; }
|
||||
.live-tag-view { position: relative; width: 100%;
|
||||
.text-view { padding-right: 74px; display: flex;
|
||||
.location-tag { width: 50px; }
|
||||
}
|
||||
.go-map-box { position: absolute; right: 0; top: 2px; width: 70px; display: flex; }
|
||||
}
|
||||
.coreshop-good-shop-recommend-list-box {
|
||||
.recommend-scroll-box { position: relative; width: 100%;
|
||||
.recommend-scroll { position: relative; height: 180px; white-space: nowrap; width: 100%;
|
||||
.recommend-scroll-item { display: inline-block; padding-top: 14px; width: 100px; padding-right: 9px; white-space: initial;
|
||||
.coreshop-avatar { width: 140px; height: 140px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*商品页面底部弹出层效果*/
|
||||
.coreshop-bottom-popup-box { border-radius: 18px 18px 0 0;
|
||||
.cu-dialog { border-radius: 18px 18px 0 0; }
|
||||
.coreshop-title-bar { position: relative; width: 100%;
|
||||
.close-icon { position: absolute; right: 18px; }
|
||||
}
|
||||
.coreshop-modal-content { position: relative; width: 100%; overflow-y: auto; /*height: calc(100vh - 327.5px);*/ padding: 0 15px 15px; margin-bottom: 60px;
|
||||
.coreshop-common-view-box { position: relative; width: 100%; padding: 0; text-align: left; }
|
||||
.coreshop-common-view-box.service {
|
||||
.text-view { margin-bottom: 10px; }
|
||||
.text-list-view { position: relative; width: 100%; margin-bottom: 10px;
|
||||
.u-line-1 { padding-right: 10.5px; }
|
||||
}
|
||||
.text-list-view + .text-view { margin-top: 18px; }
|
||||
}
|
||||
.coreshop-common-view-box.promotion {
|
||||
.text-view { margin-bottom: 10px;
|
||||
.cu-tag { position: relative; top: -2px; }
|
||||
}
|
||||
.text-list-view { position: relative; width: 100%; margin-bottom: 10px;
|
||||
.u-line-1 { padding-right: 110px; }
|
||||
.go-map-box { position: absolute; right: 0; top: 1px; }
|
||||
}
|
||||
.text-list-view + .text-view { margin-top: 18px; }
|
||||
}
|
||||
.coreshop-common-view-box.select {
|
||||
.coreshop-list.menu-avatar > .coreshop-list-item {
|
||||
.content { width: calc(100% - 47.5px - 30px); }
|
||||
}
|
||||
.coreshop-select-btn-list-box { }
|
||||
}
|
||||
}
|
||||
}
|
||||
/*商品详情区域初始高度*/
|
||||
.coreshop-good-rich-text-view { min-height: 250px; }
|
||||
|
||||
|
||||
/*拼团*/
|
||||
.group-box { background: linear-gradient(#fff, #f5f5f5); border-radius: 10px; margin: 0 10px 10px 10px; min-height: 500px;
|
||||
.goods-item { border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 10px;
|
||||
.tag { position: absolute; left: 0; top: 5px; z-index: 2; line-height: 17.5px; background: linear-gradient(132deg, rgba(255, 153, 93, 1), rgba(255, 99, 97, 1)); border-radius: 0px 9px 9px 0px; padding: 0 5px; font-size: 12px; font-family: PingFang SC; font-weight: bold; color: rgba(255, 255, 255, 0.8); }
|
||||
.goods-right { width: 240px;
|
||||
.title { width: 240px; color: $u-main-color }
|
||||
.tip { width: 240px; }
|
||||
}
|
||||
.buy-btn { position: absolute; right: 0; bottom: -5px; width: 130px; height: 30px; background: linear-gradient(90deg, rgba(254, 131, 42, 1), rgba(255, 102, 0, 1)); box-shadow: 0px 3.5px 3px 0px rgba(255, 104, 4, 0.22); border-radius: 15px; font-size: 14px; font-family: PingFang SC; font-weight: 500; color: #fff; padding: 0; }
|
||||
.group-num { font-size: 10px; font-family: PingFang SC; font-weight: 500; color: rgba(153, 153, 153, 1); margin-left: 10px; }
|
||||
.sell-box { background: rgba(255, 224, 226, 0.3); border-radius: 8px; line-height: 16px; padding: 0 5px;
|
||||
.sell-num { font-size: 10px; font-family: PingFang SC; font-weight: 400; color: rgba(247, 151, 156, 1); }
|
||||
|
||||
.cuIcon-hotfill { font-size: 13px; color: #e1212b; margin-right: 4px; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.group-boxComponents.group-box { min-height: 25px; }
|
||||
|
||||
.activity-goods-box { padding: 20px 10px; background: #fff;
|
||||
.img-box { margin-right: 10px; width: 100px; height: 100px; overflow: hidden; position: relative;
|
||||
.img { width: 100px; height: 100px; background-color: #ccc; }
|
||||
}
|
||||
.goods-right { width: 425px; min-height: 100px; position: relative;
|
||||
.title { font-size: 14px; line-height: 20px; }
|
||||
.tip { font-size: 11px; color: #a8700d; width: 250px; padding: 3px 0; }
|
||||
.current { font-size: 14px; font-weight: 500; color: rgba(225, 33, 43, 1); }
|
||||
.original { font-size: 11px; font-weight: 400; text-decoration: line-through; color: rgba(153, 153, 153, 1); margin-left: 7px; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*版权信息*/
|
||||
.coreshop-copyright { text-align: center; margin: 10px 0; width: 100%; overflow: hidden; line-height: 20px; }
|
||||
|
||||
/*
|
||||
按钮无边框样式*/
|
||||
.noButtonStyle { -webkit-appearance: none; overflow: visible; color: #606266; border-color: #c0c4cc; background-color: #ffffff; position: relative; border: 0; display: inline-flex; overflow: visible; line-height: 1; display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; z-index: 1; box-sizing: border-box; transition: all 0.15s; }
|
||||
.noButtonStyle::after { border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
|
||||
|
||||
|
||||
/*顶部自定义效果*/
|
||||
.coreshop-header-slot-wrap { display: flex; align-items: center; padding: 0 10px; margin-top: -5px;
|
||||
.coreshop-slot-btns { background: #111727; border: 1px solid #565b6f; padding: 4px 12px; border-radius: 250px; display: flex; align-items: center; z-index: 10075;
|
||||
.coreshop-slot-cut-off { margin: 0 10px; color: #fff; width: 0.5px; border-left: 1px solid #fff; background: #fff; height: 17.5px; }
|
||||
}
|
||||
.coreshop-header-title { padding: 1px 10px; }
|
||||
}
|
||||
|
||||
|
||||
/*接龙*/
|
||||
.solitaire-details-bg { min-height: 150px; background-image: url('/static/images/common/bg.png'); background-size: cover; background-position: center; border-radius: 0 0 40px 40px; background: #272d47; }
|
||||
.solitaire-details-placeholder-body { margin-top: -150px; padding: 2.5px; }
|
||||
.solitaire-details-body { min-height: 150px; border-radius: 15px; margin: 20px 10px 10px 10px; padding: 5px 10px 10px 10px;
|
||||
.solitaire-details-shareBox { background: #0fd7bd; padding: 2.5px 5px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; margin-right: -10px; margin-left: 10px; margin-top: 10px; width: 35px; height: 25px; }
|
||||
}
|
||||
.coreshop-content { color: $u-content-color; font-size: 14px; line-height: 1.8;
|
||||
p { color: $u-tips-color; }
|
||||
}
|
||||
.solitaire-details-product-item { background: #FFFFFF; border-radius: 4px; margin: 0 10px; margin-top: 10px; border-radius: 8px; padding: 10px 10px; background: #FFFFFF !important; }
|
||||
|
||||
|
||||
|
||||
|
||||
.contact-btn { margin: 0 auto; }
|
||||
@@ -1 +0,0 @@
|
||||
.nvue { font-size: 12px; }
|
||||
46
CoreCms.Net.Web.WebApi/wwwroot/index2.html
Normal file
46
CoreCms.Net.Web.WebApi/wwwroot/index2.html
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user