wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

headUpdate

Browse Source
dev
zhouzhenyuan 1 year ago
parent 363d83893d
commit b8a76e2d9a
12 changed files with 64 additions and 98 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      pages.json
  2. 23
      pages/invite/list.vue
  3. 23
      pages/member/index.vue
  4. 63
      pages/newGoods/index.vue
  5. 23
      pages/order/detail.vue
  6. 28
      pages/ranking/index.vue
  7. BIN
      static/home/top.png
  8. BIN
      static/member/head.png
  9. BIN
      static/member/top.png
  10. BIN
      static/newGoods/bot.png
  11. BIN
      static/newGoods/top.png
  12. BIN
      static/rank/rank1.png

2
pages.json
Unescape View File

@ -73,7 +73,7 @@
{ {
"path": "pages/member/index", "path": "pages/member/index",
"style": { "style": {
"navigationBarTitleText": "会员中心", // "navigationBarTitleText": "会员中心",
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },

23
pages/invite/list.vue
Unescape View File

@ -1,7 +1,7 @@
<template> <template>
<view class="member"> <view class="member">
<view class="title"> <view >
邀请记录 <u-navbar title="邀请记录" back-icon-color="#fff" :border-bottom="false" title-color="#333" :background="background"></u-navbar>
</view> </view>
<view class="tab"> <view class="tab">
<view class="tabList"> <view class="tabList">
@ -20,9 +20,14 @@
</template> </template>
<script> <script>
import img from "@/static/member/top.png"
export default{ export default{
data(){ data(){
return{ return{
background: {
background: 'url('+ img+') center top no-repeat',
backgroundSize: '100% auto',
},
chosed:'0', chosed:'0',
tabList:[ tabList:[
{ {
@ -44,24 +49,10 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.member{ .member{
width: 100%; width: 100%;
height: 1296rpx;
background: url('../../static/member/merBack.png') 100% no-repeat; background: url('../../static/member/merBack.png') 100% no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding-top: 120rpx;
position:relative; position:relative;
} }
.title{
width: 128rpx;
height: 44rpx;
font-size: 32rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #424242;
line-height: 44rpx;
left: 0;
right: 0;
margin: auto;
}
.tab{ .tab{
width: 682rpx; width: 682rpx;
height: 692rpx; height: 692rpx;

23
pages/member/index.vue
Unescape View File

@ -1,7 +1,7 @@
<template> <template>
<view class="member"> <view class="member">
<view class="title"> <view >
会员中心 <u-navbar title="会员中心" back-icon-color="#fff" :border-bottom="false" title-color="#333" :background="background"></u-navbar>
</view> </view>
<view class="khy"> <view class="khy">
开通Ultra会员，人均立省￥<text>2389</text> 开通Ultra会员，人均立省￥<text>2389</text>
@ -146,10 +146,15 @@
</template> </template>
<script> <script>
import img from "@/static/member/top.png"
export default{ export default{
data(){ data(){
return{ return{
isVip:false, isVip:false,
background: {
background: 'url('+ img+') center top no-repeat',
backgroundSize: '100% auto',
},
} }
} }
} }
@ -158,24 +163,10 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.member{ .member{
width: 100%; width: 100%;
height: 1296rpx;
background: url('../../static/member/merBack.png') 100% no-repeat; background: url('../../static/member/merBack.png') 100% no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding-top: 120rpx;
position:relative; position:relative;
} }
.title{
width: 128rpx;
height: 44rpx;
font-size: 32rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #424242;
line-height: 44rpx;
left: 0;
right: 0;
margin: auto;
}
.khy{ .khy{
height: 36rpx; height: 36rpx;
font-size: 26rpx; font-size: 26rpx;

63
pages/newGoods/index.vue
Unescape View File

@ -1,8 +1,8 @@
<template> <template>
<view class="newGoods"> <view class="newGoods">
<image src="/static/newGoods/newBack.png" mode="" class="bgImg"></image> <!-- <image src="/static/newGoods/newBack.png" mode="" class="bgImg"></image> -->
<view class="title"> <view >
新品首发 <u-navbar title="新品首发" back-icon-color="#fff" :border-bottom="false" title-color="#333" :background="background"></u-navbar>
</view> </view>
<view class="firGoods"> <view class="firGoods">
<view class="topLine"> <view class="topLine">
@ -18,13 +18,12 @@
</view> </view>
</view> </view>
<view class="right"> <view class="right">
<image src="/static/newGoods/goods.png" mode="" class="goodsImg"></image> <!-- <image src="/static/newGoods/bg.png" mode="" class="bg"></image> -->
<image src="/static/newGoods/bg.png" mode="" class="bg"></image> <image src="/static/newGoods/goods.png" mode="" class="goodsImg"></image>
</view> </view>
</view> </view>
</view> </view>
<view class="goodsList"> <view class="goodsList">
<!-- v-for="(item,index) in goodsList" -->
<view class="goodsItem" v-for="(item,index) in 5" :key="index"> <view class="goodsItem" v-for="(item,index) in 5" :key="index">
<view class="hotSell"> <view class="hotSell">
现货热卖 现货热卖
@ -65,10 +64,14 @@
</template> </template>
<script> <script>
import img from "@/static/member/head.png"
export default{ export default{
data(){ data(){
return{ return{
background: {
background: 'url('+ img+') center top no-repeat',
backgroundSize: '100% auto',
},
} }
} }
} }
@ -77,8 +80,6 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.newGoods{ .newGoods{
width: 100%; width: 100%;
padding-bottom: 30rpx;
padding-top: 120rpx;
position:relative; position:relative;
.bgImg{ .bgImg{
width: 100%; width: 100%;
@ -89,25 +90,18 @@
z-index: -10; z-index: -10;
} }
} }
.title{
width: 128rpx;
height: 44rpx;
font-size: 32rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #424242;
line-height: 44rpx;
left: 0;
right: 0;
margin: auto;
}
.firGoods{ .firGoods{
margin-top: 44rpx; width: 100%;
margin-left: 56rpx; height: 548rpx;
background-image: url('/static/newGoods/top.png');
background-size: 100% 100%;
padding-left: 30rpx;
padding-top: 44rpx;
.topLine{ .topLine{
display: flex; display: flex;
justify-content: center; justify-content: center;
.left{ .left{
margin-top: 132rpx;
.goodsName{ .goodsName{
height: 58rpx; height: 58rpx;
font-size: 42rpx; font-size: 42rpx;
@ -140,30 +134,41 @@
} }
} }
.right{ .right{
background-image: url('../../static/newGoods/bg.png');
background-repeat: no-repeat;
background-size:422rpx 102rpx ;
position: relative;
background-position: left bottom;
height: 500rpx;
.goodsImg{ .goodsImg{
width: 414rpx; width: 414rpx;
height: 414rpx; height: 414rpx;
box-shadow: 0rpx 12rpx 29rpx 0rpx rgba(0,0,0,0.25); box-shadow: 0rpx 12rpx 29rpx 0rpx rgba(0,0,0,0.25);
border-radius: 0rpx 0rpx 0rpx 0rpx; border-radius: 0rpx 0rpx 0rpx 0rpx;
opacity: 1; opacity: 1;
z-index: 30; z-index: 99;
} }
.bg{ .bg{
width: 422rpx; width: 422rpx;
height: 102rpx; height: 102rpx;
position: relative; position: absolute;
top: -42rpx; top: 374rpx;
z-index: -1; z-index: 0;
} }
} }
} }
} }
.goodsList{ .goodsList{
width: 100%;
padding: 26rpx 0 30rpx 26rpx;
background-image: url('/static/newGoods/bot.png');
background-repeat: no-repeat;
background-size: 100% 100%;
.goodsItem{ .goodsItem{
margin-bottom: 32rpx; margin-bottom: 32rpx;
} }
margin-top: 26rpx;
margin-left: 26rpx;
.item{ .item{
width: 700rpx; width: 700rpx;
height: 334rpx; height: 334rpx;

23
pages/order/detail.vue
Unescape View File

@ -1,7 +1,7 @@
<template> <template>
<view class="detail"> <view class="detail">
<view class="header"> <view >
订单详情 <u-navbar title="订单详情" back-icon-color="#fff" :border-bottom="false" title-color="#333" :background="background"></u-navbar>
</view> </view>
<view class="send"> <view class="send">
<image src="/static/order/car.png" mode="" class="car"></image> <image src="/static/order/car.png" mode="" class="car"></image>
@ -250,9 +250,14 @@
</template> </template>
<script> <script>
import img from "@/static/home/top.png"
export default { export default {
data() { data() {
return { return {
background: {
background: 'url('+ img+') center top no-repeat',
backgroundSize: '100% auto',
},
buyType: false, buyType: false,
sendType:false, sendType:false,
cdDia:false, cdDia:false,
@ -267,20 +272,6 @@
padding-bottom: 120rpx; padding-bottom: 120rpx;
background-image: url('../../static/home/homeback.png'); background-image: url('../../static/home/homeback.png');
background-size: 100% 100%; background-size: 100% 100%;
padding-top: 128rpx;
.header {
left: 0;
right: 0;
margin: auto;
width: 112rpx;
height: 40rpx;
font-size: 28rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #000000;
line-height: 40rpx;
}
} }

28
pages/ranking/index.vue
Unescape View File

@ -1,9 +1,9 @@
<template> <template>
<view class="newGoods"> <view class="newGoods">
<image src="/static/rank/rangkImg.png" mode="" class="bgImg"></image> <view >
<view class="title"> <u-navbar title="排行榜" back-icon-color="#fff" :border-bottom="false" title-color="#fff" :background="background"></u-navbar>
排行榜
</view> </view>
<image src="/static/rank/rangkImg.png" mode="" class="bgImg"></image>
<view class="headTitle"> <view class="headTitle">
全站热销好物 全站热销好物
</view> </view>
@ -49,9 +49,14 @@
</template> </template>
<script> <script>
import img from "@/static/rank/rank1.png"
export default { export default {
data() { data() {
return { return {
background: {
background: 'url('+ img+') center top no-repeat',
backgroundSize: '100% auto',
},
chosed:0, chosed:0,
menuList:[ menuList:[
{ {
@ -80,8 +85,6 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.newGoods { .newGoods {
width: 100%; width: 100%;
padding-bottom: 30rpx;
padding-top: 120rpx;
position: relative; position: relative;
min-height:100vh ; min-height:100vh ;
.bgImg { .bgImg {
@ -93,21 +96,6 @@
z-index: -10; z-index: -10;
} }
} }
.title {
margin-top: 58rpx;
width: 128rpx;
height: 44rpx;
font-size: 32rpx;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
color: #fff;
line-height: 44rpx;
left: 0;
right: 0;
margin: auto;
}
.headTitle { .headTitle {
width: 100%; width: 100%;
text-align: center; text-align: center;

BIN
static/home/top.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
static/member/head.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
static/member/top.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
static/newGoods/bot.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
static/newGoods/top.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
static/rank/rank1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

Write Preview
Loading…
Cancel
Save