代码提交

This commit is contained in:
黄少君
2023-11-17 20:55:32 +08:00
parent 35b43ffd97
commit c3e62f8922
73 changed files with 1808 additions and 781 deletions

View File

@ -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;
}
}
}

View File

@ -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 = [
{

View File

@ -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>

View File

@ -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;