代码提交
This commit is contained in:
@ -20,7 +20,7 @@
|
||||
<swiper-item v-for="item in 10">
|
||||
<view class="swiper-item">
|
||||
<image
|
||||
src="@/static/images/banner.png"
|
||||
src="https://b2c-pro-static-dev.zkthink.com/static/images/banner.png"
|
||||
mode="aspectFit"
|
||||
/>
|
||||
</view>
|
||||
@ -40,13 +40,18 @@
|
||||
|
||||
.swiper {
|
||||
height: 340rpx;
|
||||
border-radius: 15rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.swiper-item {
|
||||
height: 340rpx;
|
||||
border-radius: 15rpx;
|
||||
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 15rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,7 +1,4 @@
|
||||
import sp from "@/static/images/sp.png"
|
||||
import pt from "@/static/images/pt.png"
|
||||
import ms from "@/static/images/ms.png"
|
||||
import kj from "@/static/images/kj.png"
|
||||
import { sp, pt, ms, kj } from "@/utils/images";
|
||||
|
||||
export const menuList = [
|
||||
{
|
||||
|
@ -8,6 +8,12 @@
|
||||
<script setup>
|
||||
import Recommend from "@/components/Recommend/index.vue";
|
||||
import UvIcon from "@/uni_modules/uv-icon/components/uv-icon/uv-icon.vue";
|
||||
import { useRouter } from "@/hooks/useRouter";
|
||||
|
||||
const {push} = useRouter()
|
||||
const goToProductMore = () => {
|
||||
push({url: '/pages/goodsList/goodsList'})
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
@ -17,7 +23,7 @@ import UvIcon from "@/uni_modules/uv-icon/components/uv-icon/uv-icon.vue";
|
||||
<view class="left">
|
||||
商品推荐
|
||||
</view>
|
||||
<view class="right flex flex-ai__center flex-jc__end">
|
||||
<view class="right flex flex-ai__center flex-jc__end" @click="goToProductMore">
|
||||
查看更多
|
||||
<uv-icon name="arrow-right" color="#999" size="14" />
|
||||
</view>
|
||||
|
@ -3,13 +3,14 @@
|
||||
<view class="header-row">
|
||||
<Header
|
||||
:left-width="140"
|
||||
:scroll-top="scrollTop"
|
||||
@animation="handleHeaderAnimation"
|
||||
>
|
||||
<template #left>
|
||||
<view class="logo-col">
|
||||
<image
|
||||
class="logo"
|
||||
src="@/static/images/logo.png"
|
||||
src="https://b2c-pro-static-dev.zkthink.com/static/images/logo.png"
|
||||
alt=""
|
||||
/>
|
||||
</view>
|
||||
@ -66,6 +67,7 @@
|
||||
</template>
|
||||
<!-- h5 tabbar 底部 -->
|
||||
<view class="h5-tabbar-height"></view>
|
||||
<ReturnTop :scroll-top="scrollTop" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -84,6 +86,7 @@ import Live from './components/Live/index.vue'
|
||||
import NewProduct from './components/NewProduct/index.vue'
|
||||
import Seckill from './components/Seckill/index.vue'
|
||||
import Recommend from "./components/Recommend/index.vue";
|
||||
import ReturnTop from "@/components/ReturnTop/index.vue"
|
||||
import UvIcon from "@/uni_modules/uv-icon/components/uv-icon/uv-icon.vue";
|
||||
import { useScroll } from "@/hooks/useScroll";
|
||||
|
||||
@ -123,7 +126,7 @@ onLoad(() => {
|
||||
doGetHomeData()
|
||||
})
|
||||
|
||||
useScroll()
|
||||
const {scrollTop} = useScroll()
|
||||
|
||||
</script>
|
||||
|
||||
@ -147,7 +150,7 @@ useScroll()
|
||||
.search-col {
|
||||
@include useFlex(flex-start, center);
|
||||
@include usePadding(30, 15);
|
||||
width: 320rpx;
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
border-radius: 50rpx;
|
||||
background: $white-color;
|
||||
|
Reference in New Issue
Block a user