ltlzx
/
cnic_buyer
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

样式修改

master
zhengshuiqi 4 years ago
parent
c651676969
commit
3509ff0107
6 changed files with 400 additions and 330 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 432
      pages/account/index.vue
  2. 15
      pages/account/message.vue
  3. 20
      pages/category/index.vue
  4. 18
      pages/index/index.vue
  5. 9
      pages/productDetails/index.vue
  6. 18
      pages/shippingCart/index.vue

432
pages/account/index.vue
View File

@ -1,21 +1,23 @@
<template> <template>
<view> <view>
<!-- <view class="status_bar"></view> --> <!-- <view class="status_bar"></view> -->
<view class="one" v-show ="isTop"> <view class="one" v-show="isTop">
<image src="../../static/img/left_white.png" mode="" @click="backTo"></image> <image src="../../static/img/left_white.png" mode="" @click="backTo"></image>
<image src="/static/img/dope plus_white.png" mode="" class="index_logo"></image> <image src="/static/img/dope plus_white.png" mode="" class="index_logo"></image>
</view> </view>
<view class="account_info padding_account" :style="{background:`url(${userbg})`}"> <view class="account_info padding_account" :style="{background:`url(${userbg})`}">
<image src="../../static/icon/nologin2.png" mode="" class="header_img" v-show="!user_info.isLogin||!user_info.user_head"></image> <image src="../../static/icon/nologin2.png" mode="" class="header_img"
<image :src="user_info.user_head" mode="" class="header_img" v-show="user_info.isLogin&&user_info.user_head" @click="seeImg()"></image> v-show="!user_info.isLogin||!user_info.user_head"></image>
<image :src="user_info.user_head" mode="" class="header_img" v-show="user_info.isLogin&&user_info.user_head"
@click="seeImg()"></image>
<!-- <image :src="user_info.user_head?user_info.user_head:user_info.headicons[5]" mode="" class="header_img" v-if="user_info.isLogin"></image> --> <!-- <image :src="user_info.user_head?user_info.user_head:user_info.headicons[5]" mode="" class="header_img" v-if="user_info.isLogin"></image> -->
<view class="info_name" v-if="!user_info.isLogin"> <view class="info_name" v-if="!user_info.isLogin">
<navigator class="info_name_a" url="/pages/login/index" > <navigator class="info_name_a" url="/pages/login/index">
LOGIN / SIGUP> LOGIN / SIGUP>
</navigator> </navigator>
</view> </view>
<view class="info_name" v-else> <view class="info_name" v-else>
<navigator class="info_name_a" url="/pages/account/myProfile" > <navigator class="info_name_a" url="/pages/account/myProfile">
Hey.{{user_info.nickname!=''?user_info.nickname:user_info.email}}.> Hey.{{user_info.nickname!=''?user_info.nickname:user_info.email}}.>
</navigator> </navigator>
</view> </view>
@ -41,21 +43,29 @@
</view> </view>
<view class="order allpadding"> <view class="order allpadding">
<navigator url="/pages/account/myOrders?scroll_active=0" class="order_title">My Orders<view class="icon_right"><image mode="" src="../../static/img/right.png"></image></view></navigator> <navigator url="/pages/account/myOrders?scroll_active=0" class="order_title">My Orders<view
class="icon_right">
<image mode="" src="../../static/img/right.png"></image>
</view>
</navigator>
<view class="order_info"> <view class="order_info">
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=1':'../login/index'" class="order_info_item"> <navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=1':'../login/index'"
class="order_info_item">
<image src="../../static/img/unpaid.png" mode="" class="info_img"></image> <image src="../../static/img/unpaid.png" mode="" class="info_img"></image>
<text>Unpaid</text> <text>Unpaid</text>
</navigator> </navigator>
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=2':'../login/index'" class="order_info_item"> <navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=2':'../login/index'"
class="order_info_item">
<image src="../../static/img/Processing.png" mode="" class="info_img"></image> <image src="../../static/img/Processing.png" mode="" class="info_img"></image>
<text>Processing</text> <text>Processing</text>
</navigator> </navigator>
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=3':'../login/index'" class="order_info_item"> <navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=3':'../login/index'"
class="order_info_item">
<image src="../../static/img/Shipped.png" class="info_img" mode=""></image> <image src="../../static/img/Shipped.png" class="info_img" mode=""></image>
<text>Shipped</text> <text>Shipped</text>
</navigator> </navigator>
<navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=4':'../login/index'" class="order_info_item"> <navigator :url="noLogin==0?'/pages/account/myOrders?scroll_active=4':'../login/index'"
class="order_info_item">
<image src="../../static/img/Returns.png" class="info_img" mode=""></image> <image src="../../static/img/Returns.png" class="info_img" mode=""></image>
<text>Completed</text> <text>Completed</text>
</navigator> </navigator>
@ -64,8 +74,9 @@
<view class="order"> <view class="order">
<view class="order_title allpadding">My Service</view> <view class="order_title allpadding">My Service</view>
<view class="order_info allpadding" > <view class="order_info allpadding">
<view v-for="(item,index) in indexDate.blocks" :key="item.block_title" @click="gotopage(item.block_title,item.block_link)" class="order_info_item" > <view v-for="(item,index) in indexDate.blocks" :key="item.block_title"
@click="gotopage(item.block_title,item.block_link)" class="order_info_item">
<image :src="item.block_pic" class="info_img" mode=""></image> <image :src="item.block_pic" class="info_img" mode=""></image>
<text>{{ item.block_title }}</text> <text>{{ item.block_title }}</text>
</view> </view>
@ -103,21 +114,24 @@
</view> </view>
<!-- scroll-x="true" --> <!-- scroll-x="true" -->
<scroll-view > <scroll-view>
<image :src="item.block_pic" style="width: 90%;padding: 0 20px;" v-for="(item,index) in Imglist" :key="item.block_pic"class="mine_banner " mode="" @click="imgto(item)"> <image :src="item.block_pic" style="width: 90%;padding: 0 20px;" v-for="(item,index) in Imglist"
:key="item.block_pic" class="mine_banner " mode="" @click="imgto(item)">
<!-- allpadding --> <!-- allpadding -->
</image> </image>
</scroll-view> </scroll-view>
<view v-if="catList.length!=0" style="background-color: #f4f3f8; padding: 0 23.33rpx;" > <view v-if="catList.length!=0" style="background-color: #f4f3f8; padding: 0 23.33rpx;">
<view class="order_title" style="padding-top: 20rpx;">Recommend</view> <view class="order_title" style="padding-top: 20rpx;">Recommend</view>
<scroll-view class="spike1 margin_botoom" style="background-color: #f4f3f8;" scroll-x="true" :show-scrollbar="false"> <scroll-view class="spike1 margin_botoom" style="background-color: #f4f3f8;" scroll-x="true"
:show-scrollbar="false">
<view class="spike1_item" v-for="(item,index) in catList" :key="index" @click="goDetails(item.id)"> <view class="spike1_item" v-for="(item,index) in catList" :key="index" @click="goDetails(item.id)">
<view class="spike1_item_img"> <view class="spike1_item_img">
<image :src="item.thumb" mode=""></image> <image :src="item.thumb" mode=""></image>
</view> </view>
<view class="spike1_item_bottom1"> <view class="spike1_item_bottom1">
<view class="spike1_item_text">{{item.name}}</view> <view class="spike1_item_text">{{item.name}}</view>
<text class="spike1_item_text1">US${{item.is_promote==0? item.shop_price :item.promote_price}}</text> <text
class="spike1_item_text1">US${{item.is_promote==0? item.shop_price :item.promote_price}}</text>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
@ -126,7 +140,8 @@
</view> </view>
<view class="tarbar"> <view class="tarbar">
<view @click="change(index)" v-for="(item,index) in tarbar" :key="item.name" :class="index==2?'img_m':'tarbar_img'":style="{color:index==4?'#000':''}"> <view @click="change(index)" v-for="(item,index) in tarbar" :key="item.name"
:class="index==2?'img_m':'tarbar_img'" :style="{color:index==4?'#000':''}">
<image :src="item.src"></image> <image :src="item.src"></image>
<view>{{ item.name}}</view> <view>{{ item.name}}</view>
</view> </view>
@ -135,56 +150,59 @@
</template> </template>
<script> <script>
import {defaultRequest,defaultRequest2,defaultRequest4} from '../../api/index.js' import {
defaultRequest,
defaultRequest2,
defaultRequest4
} from '../../api/index.js'
export default { export default {
data() { data() {
return { return {
user_info:{ user_info: {
isLogin:false, isLogin: false,
}, },
// 获取该分类的其他商品的请求参数 // 获取该分类的其他商品的请求参数
catQuery:{ catQuery: {
_action:'getgoods', _action: 'getgoods',
page_index:1, page_index: 1,
page_size:30, page_size: 30,
type:'hot' type: 'hot'
}, },
catList:[], catList: [],
hb_num:0, hb_num: 0,
noLogin:-1, noLogin: -1,
isLogin:-1, isLogin: -1,
Imglist:[], Imglist: [],
count:0, count: 0,
backButtonPress:0, backButtonPress: 0,
indexDate:[], indexDate: [],
userbg:'../../static/img/userbg.png', userbg: '../../static/img/userbg.png',
isTop:false, isTop: false,
tarbar:[ tarbar: [{
{ src: '../../static/icon/home3.png',
src:'../../static/icon/home3.png', name: 'Home',
name:'Home', url: '../index/index'
url:'../index/index'
}, },
{ {
src:'../../static/img/Category.png', src: '../../static/img/Category.png',
name:'Category', name: 'Category',
url:'../category/index' url: '../category/index'
}, },
{ {
src:'../../static/img/min.png', src: '../../static/img/min.png',
url:'../index/index2', url: '../index/index2',
name:'' name: ''
}, },
{ {
src:'../../static/img/Cart.png', src: '../../static/img/Cart.png',
name:'Cart', name: 'Cart',
url:'../shippingCart/index' url: '../shippingCart/index'
}, },
{ {
src:'../../static/img/Account1.png', src: '../../static/img/Account1.png',
name:'Account', name: 'Account',
url:'../account/index' url: '../account/index'
}, },
], ],
} }
@ -201,117 +219,115 @@
}, 1000); }, 1000);
return true; return true;
}, },
methods:{ methods: {
goDetails(id){ goDetails(id) {
uni.navigateTo({ uni.navigateTo({
url:'/pages/productDetails/index?goodid='+id url: '/pages/productDetails/index?goodid=' + id
}) })
}, },
// 查看头像 // 查看头像
seeImg(){ seeImg() {
let list = [] let list = []
list.push(this.user_info.user_head) list.push(this.user_info.user_head)
wx.previewImage({ wx.previewImage({
urls: list, //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了 urls: list, //需要预览的图片http链接列表，多张的时候，url直接写在后面就行了
current: 0, // 当前显示图片的http链接，默认是第一个 current: 0, // 当前显示图片的http链接，默认是第一个
indicator:'number', indicator: 'number',
success: function(res) {}, success: function(res) {},
fail: function(res) {}, fail: function(res) {},
complete: function(res) {}, complete: function(res) {},
}) })
}, },
gotopage(title,url){ gotopage(title, url) {
var a,s var a, s
if(url.indexOf('?')) if (url.indexOf('?')) {
{
a = url.indexOf('?') a = url.indexOf('?')
console.log(a) console.log(a)
s = url.substring(17); s = url.substring(17);
} }
// console.log(title) // console.log(title)
// console.log(url) // console.log(url)
if(this.isLogin == 1 &&url==''){ if (this.isLogin == 1 && url == '') {
if(title.includes('Setting')){ if (title.includes('Setting')) {
uni.navigateTo({ uni.navigateTo({
url:'./settings' url: './settings'
}) })
} }
if(title.includes('Review')){ if (title.includes('Review')) {
uni.navigateTo({ uni.navigateTo({
url:'./myReview' url: './myReview'
}) })
} }
} } else if (this.isLogin == 1 && url.includes('dope.addressmanage')) {
else if(this.isLogin == 1 &&url.includes('dope.addressmanage')){
uni.navigateTo({ uni.navigateTo({
url:'./address' url: './address'
}) })
} } else if (this.isLogin == 1 && url.includes('meiqu.meiqu')) {
else if(this.isLogin == 1 &&url.includes('meiqu.meiqu')){
uni.navigateTo({ uni.navigateTo({
url:'./message' url: './message'
}) })
} } else if (url.includes('html')) {
else if(url.includes('html')){
// plus.runtime.openURL(url) // plus.runtime.openURL(url)
uni.navigateTo({ uni.navigateTo({
url:'../order/paypalWebview?src='+url url: '../order/paypalWebview?src=' + url
}) })
} } else if (url.includes('dope.adspecial')) {
else if(url.includes('dope.adspecial')){
uni.navigateTo({ uni.navigateTo({
url:'../specialTitle/index'+s url: '../specialTitle/index' + s
}) })
} } else {
else{
uni.navigateTo({ uni.navigateTo({
url:'../login/index' url: '../login/index'
}) })
} }
}, },
change(e){ change(e) {
this.index = e this.index = e
let tarbar = this.tarbar let tarbar = this.tarbar
if(e!==2){ if (e !== 2) {
uni.switchTab({ uni.switchTab({
url:this.tarbar[e].url url: this.tarbar[e].url
}) })
}else{ } else {
uni.navigateTo({ uni.navigateTo({
url:this.tarbar[e].url url: this.tarbar[e].url
}) })
} }
}, },
getList(){ getList() {
this.isLogin = uni.getStorageSync('isLogin') this.isLogin = uni.getStorageSync('isLogin')
// 获取tarbar中间 // 获取tarbar中间
let data2={_action:'getpagedata',pagecode:'HOMESALEICON '} let data2 = {
_action: 'getpagedata',
pagecode: 'HOMESALEICON '
}
defaultRequest(data2).then(res => { defaultRequest(data2).then(res => {
console.log(res) console.log(res)
let url let url
if(res.error == 0){ if (res.error == 0) {
// if(res.data.page_code == 'HOMESALEICON'){ // if(res.data.page_code == 'HOMESALEICON'){
if(res.data.page_code == 'HOMESALEICON'){ if (res.data.page_code == 'HOMESALEICON') {
let src = 'https://www.dopeplus.com/images/mapp_customized/202210/1665653173499940520.png' let src =
'https://www.dopeplus.com/images/mapp_customized/202210/1665653173499940520.png'
// let src = 'https://www.dopeplus.com/images/mapp_customized/202211/1667961215280331818.png' // let src = 'https://www.dopeplus.com/images/mapp_customized/202211/1667961215280331818.png'
if(src==res.data.zones[0].blocks[0].block_pic){ if (src == res.data.zones[0].blocks[0].block_pic) {
// this.tarbar[2].src = 'https://www.dopeplus.com/images/mapp_customized/202211/1667961215280331818.png' // this.tarbar[2].src = 'https://www.dopeplus.com/images/mapp_customized/202211/1667961215280331818.png'
this.tarbar[2].src = '../../static/img/min.png' this.tarbar[2].src = '../../static/img/min.png'
}else{ } else {
src=res.data.zones[0].blocks[0].block_pic src = res.data.zones[0].blocks[0].block_pic
// this.tabar[2].src=src // this.tabar[2].src=src
this.tarbar[2].src = res.data.zones[0].blocks[0].block_pic this.tarbar[2].src = res.data.zones[0].blocks[0].block_pic
uni.setStorageSync('midButton',src) uni.setStorageSync('midButton', src)
} }
} }
} }
}); });
defaultRequest({ defaultRequest({
_action:'getusersummarydata' _action: 'getusersummarydata'
}).then(res =>{ }).then(res => {
console.log(res) console.log(res)
if(res.error ==0){ if (res.error == 0) {
this.count = res.data.user_info.user_money this.count = res.data.user_info.user_money
this.hb_num = res.data.user_bonus_list.length this.hb_num = res.data.user_bonus_list.length
console.log(this.hb_num) console.log(this.hb_num)
@ -319,26 +335,27 @@
}) })
}, },
getImg(){ getImg() {
let data ={ let data = {
_action:'getpagedata', _action: 'getpagedata',
pagecode:'006-PERSONALCENTERPAGE' pagecode: '006-PERSONALCENTERPAGE'
} }
let imglist let imglist
defaultRequest(data).then( res =>{ defaultRequest(data).then(res => {
if(res.error ==0){ if (res.error == 0) {
console.log(res) console.log(res)
res.data.zones.map(item =>{ res.data.zones.map(item => {
if(item.zone_code== 'CBANNER'){ if (item.zone_code == 'CBANNER') {
imglist = item imglist = item
this.Imglist = imglist.blocks this.Imglist = imglist.blocks
} }
if(item.zone_code =='USERBG'){ if (item.zone_code == 'USERBG') {
let tag ='https://en.meixx.com/images/mapp_customized/202208/1661745404590473700.png' let tag =
if(tag == item.blocks[0].block_pic){ 'https://en.meixx.com/images/mapp_customized/202208/1661745404590473700.png'
if (tag == item.blocks[0].block_pic) {
this.userbg = '../../static/img/userbg.png' this.userbg = '../../static/img/userbg.png'
}else{ } else {
this.userbg = item.blocks[0].block_pic this.userbg = item.blocks[0].block_pic
} }
} }
@ -348,43 +365,48 @@
}) })
}, },
// 获取的推荐商品数据 // 获取的推荐商品数据
getCatList(type){ getCatList(type) {
defaultRequest4(this.catQuery).then(res=>{ defaultRequest4(this.catQuery).then(res => {
// console.info(res) // console.info(res)
if(res.error==0){ if (res.error == 0) {
if(res.data){ if (res.data) {
this.catList=res.data this.catList = res.data
} }
} }
}) })
}, },
// 获取首页数据配置 // 获取首页数据配置
getIndex(){ getIndex() {
let data={_action:'getpagedata',pagecode:'006-PERSONALCENTERPAGE'} let data = {
defaultRequest(data).then(res=>{ _action: 'getpagedata',
console.info(res.data.zones,'页面配置') pagecode: '006-PERSONALCENTERPAGE'
if(res.error==0){ }
res.data.zones.map( item =>{ defaultRequest(data).then(res => {
if(item.zone_code == 'service'){ console.info(res.data.zones, '页面配置')
if (res.error == 0) {
res.data.zones.map(item => {
if (item.zone_code == 'service') {
this.indexDate = item this.indexDate = item
} }
}) })
console.log(this.indexDate,'页面') console.log(this.indexDate, '页面')
} }
}) })
}, },
getUserInfo(){ getUserInfo() {
let data={_action:'getinfo'} let data = {
defaultRequest(data).then(res=>{ _action: 'getinfo'
console.info(res,'pppppp') }
if(res.error==0){ defaultRequest(data).then(res => {
res.data.isLogin=true console.info(res, 'pppppp')
if (res.error == 0) {
res.data.isLogin = true
// this.user_info=res.data // this.user_info=res.data
this.noLogin = 0 this.noLogin = 0
uni.setStorageSync('user_info',res.data) uni.setStorageSync('user_info', res.data)
this.user_info=uni.getStorageSync('user_info') this.user_info = uni.getStorageSync('user_info')
console.log(this.user_info) console.log(this.user_info)
}else if(res.error ==-1){ } else if (res.error == -1) {
this.noLogin = 1 this.noLogin = 1
@ -393,39 +415,38 @@
//获取评论 //获取评论
let comments = { let comments = {
_action:'getmycomments', _action: 'getmycomments',
page_index:1, page_index: 1,
page_size:10, page_size: 10,
} }
// defaultRequest(comments).then(res=>{ // defaultRequest(comments).then(res=>{
// console.info(res,'pppppp') // console.info(res,'pppppp')
// }) // })
}, },
imgto(item){ imgto(item) {
const i = item.block_link.indexOf('?') const i = item.block_link.indexOf('?')
const url = item.block_link.substring(i) const url = item.block_link.substring(i)
console.log(item.block_link) console.log(item.block_link)
if(item.block_link.includes('dope.dope')) if (item.block_link.includes('dope.dope')) {
{
uni.navigateTo({ uni.navigateTo({
url:'../productDetails/index'+url url: '../productDetails/index' + url
}) })
} }
}, },
backTo(){ backTo() {
uni.navigateBack({ uni.navigateBack({
delta:1 delta: 1
}) })
}, },
onPageScroll(res) { onPageScroll(res) {
// console.log(res.scrollTop) // console.log(res.scrollTop)
if(res.scrollTop>40){ if (res.scrollTop > 40) {
this.isTop=true this.isTop = true
}else if(res.scrollTop<40){ } else if (res.scrollTop < 40) {
this.isTop=false this.isTop = false
} }
}, },
@ -434,9 +455,9 @@
uni.hideTabBar() uni.hideTabBar()
this.isLogin = uni.getStorageSync('isLogin') this.isLogin = uni.getStorageSync('isLogin')
// this.tarbar[2].src = uni.getStorageSync('midButton') // this.tarbar[2].src = uni.getStorageSync('midButton')
if(this.isLogin==0){ if (this.isLogin == 0) {
this.user_info =' ' this.user_info = ' '
}else{ } else {
this.getUserInfo() this.getUserInfo()
} }
this.getIndex() this.getIndex()
@ -458,9 +479,9 @@
this.getList() this.getList()
this.isLogin = uni.getStorageSync('isLogin') this.isLogin = uni.getStorageSync('isLogin')
console.log(this.isLogin) console.log(this.isLogin)
if(this.isLogin==0){ if (this.isLogin == 0) {
this.user_info =' ' this.user_info = ' '
}else{ } else {
this.getUserInfo() this.getUserInfo()
} }
setTimeout(function() { setTimeout(function() {
@ -471,20 +492,23 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.index_logo{ .index_logo {
width: 270.33rpx !important; width: 270.33rpx !important;
height: 50rpx !important; height: 50rpx !important;
margin-left: 22%; margin-left: 22%;
} }
.padding_account{
.padding_account {
padding: 0 50rpx; padding: 0 50rpx;
padding-top: 97rpx; padding-top: 97rpx;
padding-bottom: 40rpx; padding-bottom: 40rpx;
} }
.allpadding{
.allpadding {
padding: 0 23.33rpx; padding: 0 23.33rpx;
} }
.account_info{
.account_info {
background-color: #000000 !important; background-color: #000000 !important;
border-bottom: 13.33rpx #F7F7F7 solid; border-bottom: 13.33rpx #F7F7F7 solid;
@ -497,18 +521,22 @@
// background: url("@/static/icon/user_bg.png"); // background: url("@/static/icon/user_bg.png");
background-size: 100%; background-size: 100%;
.header_img{ .header_img {
width: 144rpx; width: 144rpx;
height: 144rpx; height: 144rpx;
border-radius: 50%; border-radius: 50%;
margin-bottom: 9.67rpx; margin-bottom: 9.67rpx;
background-color: #000000; background-color: #000000;
} }
.info_name{
.info_name {
display: flex;
justify-content: center;
align-items: center;
position: absolute; position: absolute;
width: 100%; width: 100%;
top: 25px; top: 13.5%;
left: 15%; // left: 15%;
// z-index: 1111; // z-index: 1111;
// font-size: 20px; // font-size: 20px;
@ -519,17 +547,25 @@
// padding: 100px 50px 0; // padding: 100px 50px 0;
// top: 23px; // top: 23px;
&_a { &_a {
z-index: 1111;font-size: 20px;font-weight: bold;color: #F7F7F7;margin-bottom: 57px;position: absolute;padding: 100px 50px 0; z-index: 1111;
font-size: 20px;
font-weight: bold;
color: #F7F7F7;
margin-bottom: 57px;
position: absolute;
padding: 100px 50px 0;
} }
} }
.info_like{
.info_like {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width: 100%; width: 100%;
color: #F7F7F7; color: #F7F7F7;
padding-top: 18.5%; padding-top: 18.5%;
.info_like_item{
.info_like_item {
font-size: 40rpx; font-size: 40rpx;
font-weight: 400; font-weight: 400;
display: flex; display: flex;
@ -538,57 +574,64 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.info_like_item_img{ .info_like_item_img {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
margin-bottom: 14.67rpx; margin-bottom: 14.67rpx;
display: block; display: block;
line-height:40rpx; line-height: 40rpx;
text-align: center; text-align: center;
} }
.info_like_item_text{
.info_like_item_text {
margin-bottom: 14.67rpx; margin-bottom: 14.67rpx;
font-size: 30.33rpx; font-size: 30.33rpx;
display: block; display: block;
} }
.info_like_item_span{
.info_like_item_span {
font-size: 25.33rpx; font-size: 25.33rpx;
} }
.info_like_item_text{
.info_like_item_text {
margin-bottom: 14.67rpx; margin-bottom: 14.67rpx;
display: block; display: block;
line-height:40rpx; line-height: 40rpx;
text-align: center; text-align: center;
} }
} }
} }
} }
.order{
.order {
// padding: 0 23.33rpx; // padding: 0 23.33rpx;
padding-top: 37.33rpx; padding-top: 37.33rpx;
padding-bottom: 43.33rpx; padding-bottom: 43.33rpx;
border-bottom: 13.33rpx #F7F7F7 solid; border-bottom: 13.33rpx #F7F7F7 solid;
// background-color: #f6f5fa; // background-color: #f6f5fa;
.order_title{ .order_title {
font-size: 26.67rpx; font-size: 26.67rpx;
font-weight: bold; font-weight: bold;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.icon_right{
.icon_right {
height: 25rpx; height: 25rpx;
width: 25rpx; width: 25rpx;
image{ image {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
} }
} }
.order_info{
.order_info {
width: 100%; width: 100%;
// padding: 0 35.33rpx; // padding: 0 35.33rpx;
display: flex; display: flex;
@ -598,7 +641,7 @@
box-sizing: border-box; box-sizing: border-box;
flex-wrap: wrap; flex-wrap: wrap;
.order_info_item{ .order_info_item {
width: 25%; width: 25%;
font-size: 21.33rpx; font-size: 21.33rpx;
font-weight: 400; font-weight: 400;
@ -609,28 +652,32 @@
margin-top: 38.67rpx; margin-top: 38.67rpx;
} }
.info_img{
.info_img {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
} }
.mine_banner{
.mine_banner {
width: 100%; width: 100%;
height: 226.67rpx; height: 226.67rpx;
margin: 56rpx 0; margin: 56rpx 0;
} }
.spike1{
.spike1 {
white-space: nowrap; white-space: nowrap;
width: 100%; width: 100%;
margin-top: 26rpx; margin-top: 26rpx;
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 0; width: 0;
height: 0; height: 0;
background-color: transparent; background-color: transparent;
} }
.spike1_item{ .spike1_item {
color: #191919; color: #191919;
font-size: 26.67rpx; font-size: 26.67rpx;
margin-right: 16.67rpx; margin-right: 16.67rpx;
@ -638,7 +685,8 @@
display: inline-block; display: inline-block;
font-weight: 400; font-weight: 400;
width: 246.67rpx; width: 246.67rpx;
.spike1_item_img{
.spike1_item_img {
width: 246.67rpx; width: 246.67rpx;
height: 246.67rpx; height: 246.67rpx;
// border-top: #efefef solid 1rpx; // border-top: #efefef solid 1rpx;
@ -648,31 +696,35 @@
border-top-right-radius: 10rpx !important; border-top-right-radius: 10rpx !important;
// border-bottom: #fafafa 1rpx solid !important; // border-bottom: #fafafa 1rpx solid !important;
background-color: #999999; background-color: #999999;
image{
image {
width: 100%; width: 100%;
height: 100%; height: 100%;
border-top-left-radius: 10rpx !important; border-top-left-radius: 10rpx !important;
border-top-right-radius: 10rpx !important; border-top-right-radius: 10rpx !important;
} }
} }
.spike1_item_bottom{
.spike1_item_bottom {
padding-left: 9.33rpx; padding-left: 9.33rpx;
margin-top: 22.67rpx; margin-top: 22.67rpx;
.spike1_item_text{ .spike1_item_text {
width: 100%; width: 100%;
color: #9D9D9D; color: #9D9D9D;
font-size: 21.33rpx; font-size: 21.33rpx;
text-decoration: line-through; text-decoration: line-through;
} }
.spike1_item_text1{
.spike1_item_text1 {
// color: #9D9D9D; // color: #9D9D9D;
text-align: center; text-align: center;
font-size: 27.33rpx !important; font-size: 27.33rpx !important;
font-weight: bold !important; font-weight: bold !important;
} }
} }
.spike1_item_bottom1{
.spike1_item_bottom1 {
height: 120rpx; height: 120rpx;
// width: 246.67rpx; // width: 246.67rpx;
padding-left: 20rpx; padding-left: 20rpx;
@ -685,13 +737,14 @@
border-bottom-left-radius: 10rpx; border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx; border-bottom-right-radius: 10rpx;
background-color: #fff; background-color: #fff;
.spike1_item_text{
.spike1_item_text {
color: #000000; color: #000000;
font-size: 24rpx; font-size: 24rpx;
font-weight: 400; font-weight: 400;
margin-bottom: 2.67rpx; margin-bottom: 2.67rpx;
white-space: break-spaces; white-space: break-spaces;
overflow:hidden; overflow: hidden;
line-height: 32rpx; line-height: 32rpx;
height: 68rpx; height: 68rpx;
white-space: wrap; white-space: wrap;
@ -702,14 +755,17 @@
} }
} }
.spike1_item:last-child{
.spike1_item:last-child {
margin-right: 0; margin-right: 0;
} }
} }
} }
.margin_botoom { .margin_botoom {
padding-bottom: 55px !important; padding-bottom: 55px !important;
} }
.navigator-hover { .navigator-hover {
background-color: transparent !important; background-color: transparent !important;
opacity: 1 !important; opacity: 1 !important;

15
pages/account/message.vue
View File

@ -2,7 +2,7 @@
<view class="body"> <view class="body">
<view class="font"> <view class="font">
<uni-icons style="padding-left: 11px;color: white;font-weight: 100;cursor: pointer;" type="back" size="23" @click="backs"></uni-icons> <uni-icons style="z-index: 1111;position: relative; padding-left: 11px;color: white;font-weight: 100;cursor: pointer;" type="back" size="23" @click="backs"></uni-icons>
<text style="margin-left: 30%;color: white;">Message</text> <text style="margin-left: 30%;color: white;">Message</text>
</view> </view>
@ -160,10 +160,13 @@
// uni.navigateTo({ // uni.navigateTo({
// url:'../category/index' // url:'../category/index'
// }) // })
uni.navigateTo({ // uni.navigateTo({
// url:'index' // // url:'index'
url:'../category/index' // // url: '../index'
// url:'../account/index' // url:'../account/index'
// })
uni.navigateBack({
delta: 1,
}) })
} }
}, },
@ -180,7 +183,8 @@
display: flex; display: flex;
position: fixed; position: fixed;
background-color: #000; background-color: #000;
height: 44px; height: 50px;
// height: 44px;
width: 100%; width: 100%;
z-index: 999; z-index: 999;
// padding-top: 28px; // padding-top: 28px;
@ -189,6 +193,7 @@
top: 0; top: 0;
left: 0; left: 0;
font-size: 16px; font-size: 16px;
padding-top: 20px;
// font-weight: bold; // font-weight: bold;
} }

20
pages/category/index.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<view class="u-wrap"> <view class="u-wrap">
<view class="search"> <view class="search">
<view class="status_bar"></view> <view class="status_bar" style="z-index: -1;position: relative;"></view>
<view class="search1"> <view class="search1" style="z-index: 11;position: relative;">
<view class="search1_img" @click="gotoindex()"><image src="/static/icon/home_white.png" mode=""></image></view> <view class="search1_img" @click="gotoindex()"><image src="/static/icon/home_white.png" mode=""></image></view>
<navigator url="/pages/index/search"> <navigator url="/pages/index/search">
<view class="navigation_seach"> <view class="navigation_seach">
@ -349,7 +349,8 @@
width: 100%; width: 100%;
background-color:#000; background-color:#000;
box-sizing: border-box; box-sizing: border-box;
padding: 33.33rpx 26.67rpx; // padding: 33.33rpx 26.67rpx;
padding: 8px 15px;
position: fixed; position: fixed;
top: 0; top: 0;
@ -413,7 +414,8 @@
height: 100%; height: 100%;
display: flex; display: flex;
overflow: hidden; overflow: hidden;
margin-top: 166rpx; // margin-top: 166rpx;
margin-top: 68px;
} }
.category_left{ .category_left{
height: 100%; height: 100%;
@ -549,5 +551,15 @@
border-radius: 10rpx; border-radius: 10rpx;
} }
} }
.search .search1 .navigation_title_right uni-image {
// margin-top: 8px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.uni-badge--x {
display: flex;
}
</style> </style>

18
pages/index/index.vue
View File

@ -1341,19 +1341,11 @@
</view> </view>
<!-- 轮播图 --> <!-- 轮播图 -->
<!-- <view> --> <!-- <view>
<!-- previous-margin指的是当前图片的左边框距离屏幕最左边的距离 --> <swiper style="height: 600rpx;" previous-margin="140rpx" next-margin="140rpx" @change="handlechange" :current="mycurrent" :indicator-dots="true" :circular="true" :interval="3000" :duration="1000">
<!-- <swiper class="spike1 page_padding" scroll-x="true" :show-scrollbar="false" <swiper-item v-for="i,index in 10" :key="i">
v-if="item.zone_code=='HONLIST2' && item.zone_status=='NORMAL'" style="height: 600rpx;" <view :class="['swiper-item',index==mycurrent ? 'active' : '']">
previous-margin="140rpx" next-margin="140rpx" @change="handlechange" :current="mycurrent" <img src="https://s2.loli.net/2022/05/11/rHeUj2V7pWg6MyQ.jpg" style="width: 100%;height: 100%;" alt="" srcset="">
:indicator-dots="true" :circular="true" :interval="3000" :duration="1000">
<swiper-item v-for="(item1,index1) in item.blocks" :key="item1.block_id"> -->
<!-- v-for="(item1,index1) in item.blocks" :key="item1.block_id"> -->
<!-- v-for="i,index in 10" :key="i" -->
<!-- <view :class="['swiper-items',index==mycurrent ? 'active' : '']">
<img :src="item1.block_pic" mode=""
:style="{width:(item.zone_code=='HONLIST2')?420+'rpx':'',height:item.zone_column+'rpx'}"
@click="imgTo(item1)">
</view> </view>
</swiper-item> </swiper-item>
</swiper> </swiper>

9
pages/productDetails/index.vue
View File

@ -12,7 +12,7 @@
<block slot="right"> <block slot="right">
<view class="nav_right"> <view class="nav_right">
<navigator url="/pages/shippingCart/index" open-type="switchTab"> <navigator url="/pages/shippingCart/index" open-type="switchTab">
<uni-badge :text="sum" type="error" absolute="rightTop"> <uni-badge style="position: relative;z-index: 1111;" :text="sum" type="error" absolute="rightTop">
<image src="../../static/img/shop_cart1.png" mode=""></image> <image src="../../static/img/shop_cart1.png" mode=""></image>
</uni-badge> </uni-badge>
</navigator> </navigator>
@ -1766,7 +1766,7 @@
// line-height: $nav-height; // line-height: $nav-height;
height: 25rpx; height: 25rpx;
width: 30rpx; width: 30rpx;
padding-top: 5.37rpx; // padding-top: 5.37rpx;
line-height: 0px; line-height: 0px;
image{ image{
height: 100%; height: 100%;
@ -1796,7 +1796,7 @@
} }
.nav_right{ .nav_right{
padding-right: 30rpx; padding-right: 30rpx;
padding-top: 10px; padding-top: 12px;
image{ image{
width: 44rpx; width: 44rpx;
height: 44rpx; height: 44rpx;
@ -2219,6 +2219,9 @@
line-height: 50px; line-height: 50px;
text-align: center; text-align: center;
} }
uni-image {
margin-top: -2px !important;
}
/deep/.nav_left .uni-image .data-v-af9236d6{ /deep/.nav_left .uni-image .data-v-af9236d6{
background-size: 0% !important; background-size: 0% !important;
} }

18
pages/shippingCart/index.vue
View File

@ -70,7 +70,7 @@
</view> </view>
</view> </view>
<!-- <view class="cart"> <!-- <view class="cart">
<view class="cart_content"> <view class="cart_content">
<view class="good_info" v-for="(item,index) in 3 " :key="index"> <view class="good_info" v-for="(item,index) in 3 " :key="index">
<image src="../../static/img/select.png" mode="" class="cart_select"></image> <image src="../../static/img/select.png" mode="" class="cart_select"></image>
@ -133,7 +133,6 @@
<image src="../../static/img/delete1.png" mode="" <image src="../../static/img/delete1.png" mode=""
style="height:100%;width:100%" @click="deleteoOutCart(1,item)"></image> style="height:100%;width:100%" @click="deleteoOutCart(1,item)"></image>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
@ -1367,10 +1366,9 @@
margin: 0 18rpx; margin: 0 18rpx;
padding-left: 18rpx; padding-left: 18rpx;
padding-right: 24rpx; padding-right: 24rpx;
padding-top: 5rpx; padding-top: 20rpx;
padding-bottom: 40rpx; padding-bottom: 15rpx;
margin-top: 10.67rpx; margin-top: 10.67rpx;
.cart_title { .cart_title {
padding-left: 12.67rpx; padding-left: 12.67rpx;
display: flex; display: flex;
@ -1381,7 +1379,6 @@
} }
.cart_content { .cart_content {
.good_info { .good_info {
display: flex; display: flex;
align-items: center; align-items: center;
@ -1389,8 +1386,10 @@
justify-content: space-between; justify-content: space-between;
border-bottom: none; border-bottom: none;
padding: 0; padding: 0;
margin-bottom: 78.67rpx; // margin-bottom: 78.67rpx;
&:nth-child(odd) {
margin-bottom: 10px;
}
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
@ -1836,4 +1835,7 @@
margin-right: 0; margin-right: 0;
} }
} }
/deep/ .uni-nav-bar-text {
padding-left: 16%;
}
</style> </style>

Write Preview
Loading…
Cancel
Save