|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<view class="index-box">
|
|
|
- <image class="bg-img" src="@/static/img/index/index-bg.png" mode="scaleToFill"></image>
|
|
|
+ <!-- <image class="bg-img" src="@/static/img/index/index-bg.png" mode="scaleToFill"></image> -->
|
|
|
<view class="nav-z">
|
|
|
<Nav class="" :leftShow='false' :customNav='true' :bgckgroundBox='bgckgroundBox'>
|
|
|
<template>
|
|
|
@@ -16,14 +16,15 @@
|
|
|
</Nav>
|
|
|
</view>
|
|
|
<!-- 搜索 -->
|
|
|
- <view class="index-search box-border-box mt-4" @click="toUrl(1)" :style="[{'top': BarH + 'px','background':bgckgroundSearch}]">
|
|
|
- <view class="index-search-box box-border-box align-items-center">
|
|
|
- <image class="wh32" src="@/static/img/index/ss.png" mode=""></image>
|
|
|
- <view class="fs-28 fc-9 ml-10">搜索店铺名称或者商品名称</view>
|
|
|
+ <view class="index-search box-border-box mt-20" @click="toUrl(1)"
|
|
|
+ :style="[{'top': BarH + 'px','background':bgckgroundSearch}]">
|
|
|
+ <view class="index-search-box box-border-box align-items-center bgc-f">
|
|
|
+ <image class="wh27" src="@/static/img/index/ss.png" mode=""></image>
|
|
|
+ <view class="fs-24 fc-a ml-10">搜索店铺名称或商品名称</view>
|
|
|
<view class="fs-28 fc-f index-search-box-buttom">搜索</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="index-box-1 ">
|
|
|
+ <view class="index-box-1">
|
|
|
<!-- 轮播 -->
|
|
|
<view class="box-border-box plr-24 mb-32">
|
|
|
<uni-swiper-dot :info="bannerList" mode="dot" :dotsStyles="dotStyle" :current="current">
|
|
|
@@ -36,13 +37,13 @@
|
|
|
</uni-swiper-dot>
|
|
|
</view>
|
|
|
<!-- 导航 -->
|
|
|
- <view class="box-border-box plr-24">
|
|
|
- <view class="nav-list flex-wrap-wrap box-border-box mb-22">
|
|
|
+ <view class="box-border-box mb-22 plr-24">
|
|
|
+ <view class="nav-list align-items-flex-end flex-wrap-wrap box-border-box pt-33 bgc-f b-rad-20">
|
|
|
<view class="nav-list-item" v-for="(item,i) in navList" :key="i" @click="toUrl(item.type)"
|
|
|
v-show="item.appletAudit == 0">
|
|
|
- <view class="">
|
|
|
- <image :src="item.img" mode="scaleToFill"></image>
|
|
|
- <view class="fs-26 fc-3 text-align-center">{{item.name}}</view>
|
|
|
+ <view class="flex-direction align-items-center title-img-box">
|
|
|
+ <image class="title-img mb-16" :src="item.img" mode="scaleToFill"></image>
|
|
|
+ <view class="fs-24 fc-0 text-align-center">{{item.name}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -50,38 +51,92 @@
|
|
|
<!-- 通知 -->
|
|
|
<view class="box-border-box plrb-24">
|
|
|
<view class="msg-box align-items-center box-border-box">
|
|
|
- <view class="rebang-box align-items-center flex-justify-center" @click="goSchool()">
|
|
|
- <view class="rebang fs-32 fc-f">
|
|
|
- 校园热榜
|
|
|
+ <image class="rb-bg" src="@/static/img/index/rb-bg.png" mode=""></image>
|
|
|
+ <image class="xyrb-img mr-30 z-2" src="@/static/img/index/xyrb.png" mode=""></image>
|
|
|
+ <view class="flex-direction flex-justify-space z-2 h-100">
|
|
|
+ <view class="align-items-center" v-for="(item,i) in noticeList" :key="i"
|
|
|
+ @click="toNoticeDet(item)">
|
|
|
+ <view class="serial-num mr-10 fs-18 fc-f text-align-center"
|
|
|
+ :class="i + 1 === 1?'bgc-F75C2B':i + 1 === 2?'bgc-FC8E17':'bgc-47B0F0'">
|
|
|
+ {{ i + 1}}
|
|
|
+ </view>
|
|
|
+ <view class="fs-24 fc-0 text-overflow-ellipsis-one max-w-358">
|
|
|
+ {{item.content}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="sj-box"></view>
|
|
|
</view>
|
|
|
- <!-- <image class="image-1" src="@/static/img/index/index-tz.png" mode="scaleToFill"></image> -->
|
|
|
- <!-- <view class="box-1 fs-20 fc-41ABF5">公告</view> -->
|
|
|
- <swiper class="tz-swiper p-16 box-border-box" :vertical="true" circular :autoplay="true"
|
|
|
- :interval="3000" :duration="500">
|
|
|
- <swiper-item v-for="(item,i) in noticeList" :key="i" @click="toNoticeDet(item)"
|
|
|
- class="align-items-center flex-justify-space">
|
|
|
- <view class="fs-30 fc-3 text-overflow-ellipsis mr-16">
|
|
|
- <span
|
|
|
- class="fc-FE9E11 fs-30">{{i+1 >= 10?'':'0'}}{{i+1}}</span>{{' ' + ' ' + item.content}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 明星店铺 -->
|
|
|
+ <view class="plr-30 box-border-box mb-20 align-items-center flex-justify-space">
|
|
|
+ <view class="flex-1 mr-20 b-rad-20 mxdq-box box-border-box">
|
|
|
+ <image class="tj-bg" src="@/static/img/index/tj-bg.png" mode=""></image>
|
|
|
+ <image class="mxdp mb-24 z-2" src="@/static/img/index/mxdp.png" mode=""></image>
|
|
|
+ <view class="align-items-center flex-wrap-wrap z-2">
|
|
|
+ <image v-for="(item,index) in shopHomeData" class="tj-item mr-12 mb-12 b-rad-12"
|
|
|
+ :src="item.shop_logo" mode="" @click="toShop(item)"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image class="xzkn-img" src="@/static/img/index/xzkn.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ <!-- 限时秒杀 -->
|
|
|
+ <view class="spike-box box-border-box" v-if="seckillGoodsList.length > 0">
|
|
|
+ <view class="xsms-box box-border-box">
|
|
|
+ <image class="tj-bg" src="@/static/img/index/tj-bg.png" mode=""></image>
|
|
|
+ <image class="xsms-img mb-26 z-2" src="@/static/img/index/xsms.png" mode=""></image>
|
|
|
+ <swiper class="ms-swiper" circular :indicator-dots="false" :autoplay="true">
|
|
|
+ <swiper-item>
|
|
|
+ <view class="flex-wrap-wrap">
|
|
|
+ <view class="w-31" v-for="(item,index) in seckillGoodsList" :key="index"
|
|
|
+ @click="toShop(item)">
|
|
|
+ <view class="mr-14 mb-32" v-if="index + 1 < 7">
|
|
|
+ <image class="xsms-item-img mb-18 b-rad-12" :src="item.goods_image"
|
|
|
+ mode="aspectFill"></image>
|
|
|
+ <view class="max-w-200 fs-24 fc-0 text-overflow-ellipsis-one">
|
|
|
+ {{item.goods_name}}
|
|
|
+ </view>
|
|
|
+ <view class="display-flex flex-justify-space">
|
|
|
+ <view class="align-items-center">
|
|
|
+ <view class="fs-24 fc-F43D04 mr-8">
|
|
|
+ ¥ <text class="fs-28 fc-F43D04">{{item.seckill_money}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="fs-20 fc-a text-line-through">
|
|
|
+ ¥{{item.line_price}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image class="b-img" src="@/static/img/index/b.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="align-items-center">
|
|
|
- <image src="@/static/img/my/rd.png" mode="" class="rd-img"></image>
|
|
|
- <view class="fs-26 fc-96ECFB">
|
|
|
- +{{item.heat}}
|
|
|
+ </swiper-item>
|
|
|
+ <swiper-item>
|
|
|
+ <view class="flex-wrap-wrap">
|
|
|
+ <view class="w-31" v-for="(item,index) in seckillGoodsList" :key="index"
|
|
|
+ @click="toShop(item)">
|
|
|
+ <view class="mr-14 mb-32" v-if="index + 1 > 6">
|
|
|
+ <image class="xsms-item-img mb-18 b-rad-12" :src="item.goods_image"
|
|
|
+ mode="aspectFill"></image>
|
|
|
+ <view class="max-w-200 fs-24 fc-0 text-overflow-ellipsis-one">
|
|
|
+ {{item.goods_name}}
|
|
|
+ </view>
|
|
|
+ <view class="display-flex flex-justify-space">
|
|
|
+ <view class="align-items-center">
|
|
|
+ <view class="fs-24 fc-F43D04 mr-8">
|
|
|
+ ¥ <text class="fs-28 fc-F43D04">{{item.seckill_money}}</text>
|
|
|
+ </view>
|
|
|
+ <view class="fs-20 fc-a text-line-through">
|
|
|
+ ¥{{item.line_price}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image class="b-img" src="@/static/img/index/b.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
- <!-- <image class="image-2" src="@/static/img/toRight.png" mode="scaleToFill"></image> -->
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 限时秒杀 -->
|
|
|
- <view class="spike-box box-border-box" v-if="seckillGoodsList.length > 0">
|
|
|
- <view class="xsms-box mb-32">
|
|
|
- <image class="image-title" src="@/static/img/index/index-xsms.png" mode="scaleToFill"></image>
|
|
|
- <view class="xsms-box-list-f box-border-box plr-12">
|
|
|
+ <!-- <view class="xsms-box-list-f box-border-box plr-12">
|
|
|
<scroll-view class="xsms-box-list display-flex" scroll-x="true">
|
|
|
<view class="xsms-box-list-item box-border-box p-8" v-for="(item,i) in seckillGoodsList"
|
|
|
:key="i" @click="toShop(item)">
|
|
|
@@ -92,12 +147,9 @@
|
|
|
<span class="fs-20 fw-b fc-FB3D03">¥</span><span
|
|
|
class="fs-32 fw-b fc-FB3D03">{{item.seckill_money}}</span>
|
|
|
</view>
|
|
|
- <!-- <view class="fs-20 fc-9 text-line-through">¥{{item.line_price}}</view> -->
|
|
|
- <image class="xsms-box-list-item-img-2" src="@/static/img/index/index-q.png"
|
|
|
- mode="scaleToFill"></image>
|
|
|
</view>
|
|
|
</scroll-view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 类型选择 -->
|
|
|
@@ -235,7 +287,8 @@
|
|
|
receiveCoupon
|
|
|
} from '@/api/coupon.js'
|
|
|
import {
|
|
|
- shopInfo
|
|
|
+ shopInfo,
|
|
|
+ shopHome
|
|
|
} from "@/api/shop.js"
|
|
|
import {
|
|
|
membeRmessage
|
|
|
@@ -256,7 +309,7 @@
|
|
|
type: 2
|
|
|
},
|
|
|
{
|
|
|
- name: "代取",
|
|
|
+ name: "快递代取",
|
|
|
img: require('@/static/img/index/index-dq.png'),
|
|
|
type: 3
|
|
|
},
|
|
|
@@ -266,40 +319,30 @@
|
|
|
type: 7
|
|
|
},
|
|
|
{
|
|
|
- name: "团购",
|
|
|
+ name: "特价团购",
|
|
|
img: require('@/static/img/index/index-tg.png'),
|
|
|
type: 5
|
|
|
},
|
|
|
{
|
|
|
- name: "票务",
|
|
|
- img: require('@/static/img/index/index-pw.png'),
|
|
|
- type: 4
|
|
|
- },
|
|
|
- {
|
|
|
- name: "干洗",
|
|
|
- img: require('@/static/img/index/index-gx.png'),
|
|
|
+ name: "领券中心",
|
|
|
+ img: require('@/static/img/index/index-lqzx.png'),
|
|
|
type: 6
|
|
|
},
|
|
|
{
|
|
|
- name: "租凭",
|
|
|
- img: require('@/static/img/index/index-zp.png'),
|
|
|
- type: 9
|
|
|
- },
|
|
|
- {
|
|
|
- name: "二手市场",
|
|
|
- img: require('@/static/img/index/index-esss.png'),
|
|
|
- type: 10
|
|
|
- },
|
|
|
- {
|
|
|
- name: "回收",
|
|
|
- img: require('@/static/img/index/index-hs.png'),
|
|
|
- type: 11
|
|
|
+ name: "跑腿代拿",
|
|
|
+ img: require('@/static/img/index/index-ptdn.png'),
|
|
|
+ type: 7
|
|
|
},
|
|
|
{
|
|
|
name: "实习岗位",
|
|
|
img: require('@/static/img/index/index-sxgw.png'),
|
|
|
type: 8
|
|
|
},
|
|
|
+ {
|
|
|
+ name: "平台客服",
|
|
|
+ img: require('@/static/img/index/index-ptkf.png'),
|
|
|
+ type: 9
|
|
|
+ },
|
|
|
],
|
|
|
schoolData: {
|
|
|
school_name: '',
|
|
|
@@ -327,7 +370,8 @@
|
|
|
pop_notice: {
|
|
|
content: '' // 公告通知
|
|
|
},
|
|
|
- popType: true
|
|
|
+ popType: true,
|
|
|
+ shopHomeData: {}
|
|
|
}
|
|
|
},
|
|
|
|
|
|
@@ -371,15 +415,19 @@
|
|
|
let userToken = uni.getStorageSync('token')
|
|
|
if (userToken) {
|
|
|
this.commonPopNotice()
|
|
|
+ this.membeRmessage()
|
|
|
// this.couponHome()
|
|
|
}
|
|
|
uni.removeStorageSync('orderInfoType')
|
|
|
- this.membeRmessage()
|
|
|
},
|
|
|
- onLoad() {
|
|
|
+ onLoad(data) {
|
|
|
+ if (data.inviteCode !== undefined) {
|
|
|
+ uni.setStorageSync('inviteCode', data.inviteCode)
|
|
|
+ }
|
|
|
this.page = 1;
|
|
|
this.goodsList = [];
|
|
|
this.getGoodsList();
|
|
|
+ this.shopHome()
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getHeight()
|
|
|
@@ -417,6 +465,13 @@
|
|
|
})
|
|
|
},
|
|
|
methods: {
|
|
|
+ shopHome() {
|
|
|
+ shopHome().then((res) => {
|
|
|
+ if (res.code === 1) {
|
|
|
+ this.shopHomeData = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
membeRmessage() {
|
|
|
membeRmessage().then((res) => {
|
|
|
if (res.code === 1) {
|
|
|
@@ -745,6 +800,90 @@
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
+ .b-img{
|
|
|
+ width: 39rpx;
|
|
|
+ height: 41rpx;
|
|
|
+ }
|
|
|
+ .w-31 {
|
|
|
+ width: 31%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .max-w-200 {
|
|
|
+ max-width: 200rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .xsms-item-img {
|
|
|
+ width: 200rpx;
|
|
|
+ height: 200rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .xsms-box {
|
|
|
+ width: 100%;
|
|
|
+ height: 706rpx;
|
|
|
+ padding: 25rpx 0rpx 1rpx 30rpx;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ms-swiper {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .xsms-img {
|
|
|
+ width: 139rpx;
|
|
|
+ height: 31rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tj-item {
|
|
|
+ width: 108rpx;
|
|
|
+ height: 108rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mxdp {
|
|
|
+ width: 317rpx;
|
|
|
+ height: 31rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .mxdq-box {
|
|
|
+ min-height: 342rpx;
|
|
|
+ position: relative;
|
|
|
+ padding: 25rpx 17rpx 18rpx 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tj-bg {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .xzkn-img {
|
|
|
+ width: 139rpx;
|
|
|
+ height: 343rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .h-100 {
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .max-w-358 {
|
|
|
+ max-width: 358rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .serial-num {
|
|
|
+ width: 25rpx;
|
|
|
+ height: 22rpx;
|
|
|
+ line-height: 22rpx;
|
|
|
+ border-radius: 10rpx 2rpx 10rpx 2rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .z-2 {
|
|
|
+ position: relative;
|
|
|
+ z-index: 2;
|
|
|
+ }
|
|
|
+
|
|
|
.w-10 {
|
|
|
width: 10rpx;
|
|
|
}
|
|
|
@@ -787,17 +926,18 @@
|
|
|
}
|
|
|
|
|
|
.spike-box {
|
|
|
- padding: 24rpx 24rpx 0;
|
|
|
+ padding: 0 24rpx;
|
|
|
}
|
|
|
|
|
|
- .wh32 {
|
|
|
- width: 32rpx;
|
|
|
- height: 32rpx;
|
|
|
+ .wh27 {
|
|
|
+ width: 27rpx;
|
|
|
+ height: 27rpx;
|
|
|
}
|
|
|
|
|
|
.nav-z {
|
|
|
position: relative;
|
|
|
z-index: 1 !important;
|
|
|
+ background: linear-gradient(-90deg, #3BB5FE, #62C4FF);
|
|
|
}
|
|
|
|
|
|
.wh-40 {
|
|
|
@@ -880,12 +1020,12 @@
|
|
|
// height: 3000rpx;
|
|
|
.swiper {
|
|
|
width: 702rpx;
|
|
|
- height: 220rpx;
|
|
|
+ height: 280rpx;
|
|
|
border-radius: 20rpx;
|
|
|
|
|
|
.swiper-item {
|
|
|
width: 702rpx;
|
|
|
- height: 220rpx;
|
|
|
+ height: 280rpx;
|
|
|
border-radius: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
@@ -894,120 +1034,91 @@
|
|
|
// padding: 0 22rpx;
|
|
|
|
|
|
.nav-list-item {
|
|
|
- width: 20%;
|
|
|
- margin-bottom: 16rpx;
|
|
|
+ width: 25%;
|
|
|
+ margin-bottom: 35rpx;
|
|
|
|
|
|
- image {
|
|
|
- width: 88rpx;
|
|
|
- height: 88rpx;
|
|
|
- margin: 0 auto;
|
|
|
+ .title-img-box {
|
|
|
+ .title-img {
|
|
|
+ width: 80rpx;
|
|
|
+ height: 76rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- // .nav-list-item:nth-child(7) {
|
|
|
- // margin-right: 42rpx !important;
|
|
|
- // }
|
|
|
-
|
|
|
- // .nav-list-item:nth-child(8) {
|
|
|
- // margin-right: 46rpx !important;
|
|
|
- // }
|
|
|
-
|
|
|
- // .nav-list-item:nth-child(9) {
|
|
|
- // margin-right: 44rpx !important;
|
|
|
- // }
|
|
|
-
|
|
|
- // .nav-list-item:nth-child(5),
|
|
|
- // .nav-list-item:nth-child(10) {
|
|
|
- // margin-right: 0;
|
|
|
- // }
|
|
|
- }
|
|
|
-
|
|
|
- .msg-box {
|
|
|
- width: 100%;
|
|
|
- // height: 66rpx;
|
|
|
- background: #F7F8FC;
|
|
|
- border-radius: 12rpx;
|
|
|
- padding: 0 14rpx;
|
|
|
-
|
|
|
- .image-1 {
|
|
|
- width: 72rpx;
|
|
|
- height: 32rpx;
|
|
|
- margin-right: 10rpx;
|
|
|
+ .nav-list-item:nth-child(3) {
|
|
|
+ .title-img-box {
|
|
|
+ .title-img {
|
|
|
+ width: 92rpx;
|
|
|
+ height: 82rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .image-2 {
|
|
|
- width: 40rpx;
|
|
|
- height: 40rpx;
|
|
|
- margin-left: auto;
|
|
|
+ .nav-list-item:nth-child(4) {
|
|
|
+ .title-img-box {
|
|
|
+ .title-img {
|
|
|
+ width: 82rpx;
|
|
|
+ height: 73rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .box-1 {
|
|
|
- width: 50rpx;
|
|
|
- height: 26rpx;
|
|
|
- border-radius: 2rpx;
|
|
|
- border: 2rpx solid #41ABF5;
|
|
|
- text-align: center;
|
|
|
- line-height: 26rpx;
|
|
|
- margin-right: 10rpx;
|
|
|
+ .nav-list-item:nth-child(5) {
|
|
|
+ .title-img-box {
|
|
|
+ .title-img {
|
|
|
+ width: 79rpx;
|
|
|
+ height: 86rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .tz-swiper {
|
|
|
- width: 100%;
|
|
|
- height: 130rpx;
|
|
|
- background: #F3F3F3;
|
|
|
- border-radius: 0 20rpx 20rpx 0;
|
|
|
-
|
|
|
- .tz-swiper-item {
|
|
|
- color: #666;
|
|
|
- font-size: 30rpx;
|
|
|
+ .nav-list-item:nth-child(6) {
|
|
|
+ .title-img-box {
|
|
|
+ .title-img {
|
|
|
+ width: 93rpx;
|
|
|
+ height: 99rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- .xsms-box {
|
|
|
- .image-title {
|
|
|
- width: 100%;
|
|
|
- height: 92rpx;
|
|
|
+ .nav-list-item:nth-child(7) {
|
|
|
+ .title-img-box {
|
|
|
+ .title-img {
|
|
|
+ width: 106rpx;
|
|
|
+ height: 84rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
- .xsms-box-list-f {
|
|
|
- width: 100%;
|
|
|
- height: 310rpx;
|
|
|
- background: linear-gradient(180deg, #ABDEFE 4%, #C9EAFF 30%, #C9EAFF 100%);
|
|
|
- border-radius: 0rpx 0rpx 20rpx 20rpx;
|
|
|
+ .nav-list-item:nth-child(8) {
|
|
|
+ .title-img-box {
|
|
|
+ .title-img {
|
|
|
+ width: 81rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
+ }
|
|
|
|
|
|
- .xsms-box-list {
|
|
|
- white-space: nowrap;
|
|
|
-
|
|
|
- .xsms-box-list-item:last-child {
|
|
|
- margin-right: 0;
|
|
|
- }
|
|
|
+ .msg-box {
|
|
|
+ width: 100%;
|
|
|
+ height: 180rpx;
|
|
|
+ border-radius: 12rpx;
|
|
|
+ padding: 30rpx 40rpx;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
|
|
|
- .xsms-box-list-item {
|
|
|
- width: 180rpx;
|
|
|
- height: 300rpx;
|
|
|
- background: #FFFFFF;
|
|
|
- border-radius: 8rpx;
|
|
|
- margin-right: 8rpx;
|
|
|
- position: relative;
|
|
|
- display: inline-block;
|
|
|
-
|
|
|
- .xsms-box-list-item-img-1 {
|
|
|
- width: 164rpx;
|
|
|
- height: 175rpx;
|
|
|
- border-radius: 9rpx;
|
|
|
- }
|
|
|
+ .rb-bg {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
|
|
|
- .xsms-box-list-item-img-2 {
|
|
|
- position: absolute;
|
|
|
- width: 62rpx;
|
|
|
- height: 36rpx;
|
|
|
- right: 0;
|
|
|
- bottom: 8rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+ .xyrb-img {
|
|
|
+ width: 108rpx;
|
|
|
+ height: 123rpx;
|
|
|
}
|
|
|
|
|
|
.type-list-box {
|
|
|
@@ -1145,12 +1256,11 @@
|
|
|
height: 72rpx;
|
|
|
padding: 0 6rpx 0 24rpx;
|
|
|
border-radius: 200rpx;
|
|
|
- border: 2rpx solid #4FB3EF;
|
|
|
|
|
|
.index-search-box-buttom {
|
|
|
width: 120rpx;
|
|
|
height: 60rpx;
|
|
|
- background: linear-gradient(90deg, #57CAFF 0%, #41ABF5 100%);
|
|
|
+ background: linear-gradient(-90deg, #3BB5FE, #62C4FF);
|
|
|
border-radius: 200rpx;
|
|
|
margin-left: auto;
|
|
|
line-height: 60rpx;
|