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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 130
      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. 16
      pages/shippingCart/index.vue

130
pages/account/index.vue
View File

@ -6,8 +6,10 @@
<image src="/static/img/dope plus_white.png" mode="" class="index_logo"></image>
</view>
<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="user_info.user_head" mode="" class="header_img" v-show="user_info.isLogin&&user_info.user_head" @click="seeImg()"></image>
<image src="../../static/icon/nologin2.png" mode="" class="header_img"
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> -->
<view class="info_name" v-if="!user_info.isLogin">
<navigator class="info_name_a" url="/pages/login/index">
@ -41,21 +43,29 @@
</view>
<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">
<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>
<text>Unpaid</text>
</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>
<text>Processing</text>
</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>
<text>Shipped</text>
</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>
<text>Completed</text>
</navigator>
@ -65,7 +75,8 @@
<view class="order">
<view class="order_title allpadding">My Service</view>
<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>
<text>{{ item.block_title }}</text>
</view>
@ -104,20 +115,23 @@
<!-- scroll-x="true" -->
<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 -->
</image>
</scroll-view>
<view v-if="catList.length!=0" style="background-color: #f4f3f8; padding: 0 23.33rpx;">
<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_img">
<image :src="item.thumb" mode=""></image>
</view>
<view class="spike1_item_bottom1">
<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>
</scroll-view>
@ -126,7 +140,8 @@
</view>
<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>
<view>{{ item.name}}</view>
</view>
@ -135,7 +150,11 @@
</template>
<script>
import {defaultRequest,defaultRequest2,defaultRequest4} from '../../api/index.js'
import {
defaultRequest,
defaultRequest2,
defaultRequest4
} from '../../api/index.js'
export default {
data() {
return {
@ -160,8 +179,7 @@
indexDate: [],
userbg: '../../static/img/userbg.png',
isTop: false,
tarbar:[
{
tarbar: [{
src: '../../static/icon/home3.png',
name: 'Home',
url: '../index/index'
@ -222,8 +240,7 @@
},
gotopage(title, url) {
var a, s
if(url.indexOf('?'))
{
if (url.indexOf('?')) {
a = url.indexOf('?')
console.log(a)
s = url.substring(17);
@ -241,29 +258,24 @@
url: './myReview'
})
}
}
else if(this.isLogin == 1 &&url.includes('dope.addressmanage')){
} else if (this.isLogin == 1 && url.includes('dope.addressmanage')) {
uni.navigateTo({
url: './address'
})
}
else if(this.isLogin == 1 &&url.includes('meiqu.meiqu')){
} else if (this.isLogin == 1 && url.includes('meiqu.meiqu')) {
uni.navigateTo({
url: './message'
})
}
else if(url.includes('html')){
} else if (url.includes('html')) {
// plus.runtime.openURL(url)
uni.navigateTo({
url: '../order/paypalWebview?src=' + url
})
}
else if(url.includes('dope.adspecial')){
} else if (url.includes('dope.adspecial')) {
uni.navigateTo({
url: '../specialTitle/index' + s
})
}
else{
} else {
uni.navigateTo({
url: '../login/index'
})
@ -286,14 +298,18 @@
getList() {
this.isLogin = uni.getStorageSync('isLogin')
// 获取tarbar中间
let data2={_action:'getpagedata',pagecode:'HOMESALEICON '}
let data2 = {
_action: 'getpagedata',
pagecode: 'HOMESALEICON '
}
defaultRequest(data2).then(res => {
console.log(res)
let url
if (res.error == 0) {
// 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'
if (src == res.data.zones[0].blocks[0].block_pic) {
// this.tarbar[2].src = 'https://www.dopeplus.com/images/mapp_customized/202211/1667961215280331818.png'
@ -335,7 +351,8 @@
}
if (item.zone_code == 'USERBG') {
let tag ='https://en.meixx.com/images/mapp_customized/202208/1661745404590473700.png'
let tag =
'https://en.meixx.com/images/mapp_customized/202208/1661745404590473700.png'
if (tag == item.blocks[0].block_pic) {
this.userbg = '../../static/img/userbg.png'
} else {
@ -360,7 +377,10 @@
},
// 获取首页数据配置
getIndex() {
let data={_action:'getpagedata',pagecode:'006-PERSONALCENTERPAGE'}
let data = {
_action: 'getpagedata',
pagecode: '006-PERSONALCENTERPAGE'
}
defaultRequest(data).then(res => {
console.info(res.data.zones, '页面配置')
if (res.error == 0) {
@ -374,7 +394,9 @@
})
},
getUserInfo() {
let data={_action:'getinfo'}
let data = {
_action: 'getinfo'
}
defaultRequest(data).then(res => {
console.info(res, 'pppppp')
if (res.error == 0) {
@ -407,8 +429,7 @@
const i = item.block_link.indexOf('?')
const url = item.block_link.substring(i)
console.log(item.block_link)
if(item.block_link.includes('dope.dope'))
{
if (item.block_link.includes('dope.dope')) {
uni.navigateTo({
url: '../productDetails/index' + url
})
@ -476,14 +497,17 @@
height: 50rpx !important;
margin-left: 22%;
}
.padding_account {
padding: 0 50rpx;
padding-top: 97rpx;
padding-bottom: 40rpx;
}
.allpadding {
padding: 0 23.33rpx;
}
.account_info {
background-color: #000000 !important;
@ -504,11 +528,15 @@
margin-bottom: 9.67rpx;
background-color: #000000;
}
.info_name {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
width: 100%;
top: 25px;
left: 15%;
top: 13.5%;
// left: 15%;
// z-index: 1111;
// font-size: 20px;
@ -519,9 +547,16 @@
// padding: 100px 50px 0;
// top: 23px;
&_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 {
display: flex;
justify-content: space-between;
@ -529,6 +564,7 @@
width: 100%;
color: #F7F7F7;
padding-top: 18.5%;
.info_like_item {
font-size: 40rpx;
font-weight: 400;
@ -546,17 +582,20 @@
line-height: 40rpx;
text-align: center;
}
.info_like_item_text {
margin-bottom: 14.67rpx;
font-size: 30.33rpx;
display: block;
}
.info_like_item_span {
font-size: 25.33rpx;
}
.info_like_item_text {
margin-bottom: 14.67rpx;
display: block;
@ -566,11 +605,13 @@
}
}
}
.order {
// padding: 0 23.33rpx;
padding-top: 37.33rpx;
padding-bottom: 43.33rpx;
border-bottom: 13.33rpx #F7F7F7 solid;
// background-color: #f6f5fa;
.order_title {
font-size: 26.67rpx;
@ -578,6 +619,7 @@
display: flex;
justify-content: space-between;
.icon_right {
height: 25rpx;
width: 25rpx;
@ -588,6 +630,7 @@
}
}
}
.order_info {
width: 100%;
// padding: 0 35.33rpx;
@ -609,21 +652,25 @@
margin-top: 38.67rpx;
}
.info_img {
width: 40rpx;
height: 40rpx;
margin-bottom: 20rpx;
}
}
.mine_banner {
width: 100%;
height: 226.67rpx;
margin: 56rpx 0;
}
.spike1 {
white-space: nowrap;
width: 100%;
margin-top: 26rpx;
::-webkit-scrollbar {
width: 0;
height: 0;
@ -638,6 +685,7 @@
display: inline-block;
font-weight: 400;
width: 246.67rpx;
.spike1_item_img {
width: 246.67rpx;
height: 246.67rpx;
@ -648,6 +696,7 @@
border-top-right-radius: 10rpx !important;
// border-bottom: #fafafa 1rpx solid !important;
background-color: #999999;
image {
width: 100%;
height: 100%;
@ -655,6 +704,7 @@
border-top-right-radius: 10rpx !important;
}
}
.spike1_item_bottom {
padding-left: 9.33rpx;
margin-top: 22.67rpx;
@ -665,6 +715,7 @@
font-size: 21.33rpx;
text-decoration: line-through;
}
.spike1_item_text1 {
// color: #9D9D9D;
text-align: center;
@ -672,6 +723,7 @@
font-weight: bold !important;
}
}
.spike1_item_bottom1 {
height: 120rpx;
// width: 246.67rpx;
@ -685,6 +737,7 @@
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
background-color: #fff;
.spike1_item_text {
color: #000000;
font-size: 24rpx;
@ -702,14 +755,17 @@
}
}
.spike1_item:last-child {
margin-right: 0;
}
}
}
.margin_botoom {
padding-bottom: 55px !important;
}
.navigator-hover {
background-color: transparent !important;
opacity: 1 !important;

15
pages/account/message.vue
View File

@ -2,7 +2,7 @@
<view class="body">
<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>
</view>
@ -160,10 +160,13 @@
// uni.navigateTo({
// url:'../category/index'
// })
uni.navigateTo({
// url:'index'
url:'../category/index'
// uni.navigateTo({
// // url:'index'
// // url: '../index'
// url:'../account/index'
// })
uni.navigateBack({
delta: 1,
})
}
},
@ -180,7 +183,8 @@
display: flex;
position: fixed;
background-color: #000;
height: 44px;
height: 50px;
// height: 44px;
width: 100%;
z-index: 999;
// padding-top: 28px;
@ -189,6 +193,7 @@
top: 0;
left: 0;
font-size: 16px;
padding-top: 20px;
// font-weight: bold;
}

20
pages/category/index.vue
View File

@ -1,8 +1,8 @@
<template>
<view class="u-wrap">
<view class="search">
<view class="status_bar"></view>
<view class="search1">
<view class="status_bar" style="z-index: -1;position: relative;"></view>
<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>
<navigator url="/pages/index/search">
<view class="navigation_seach">
@ -349,7 +349,8 @@
width: 100%;
background-color:#000;
box-sizing: border-box;
padding: 33.33rpx 26.67rpx;
// padding: 33.33rpx 26.67rpx;
padding: 8px 15px;
position: fixed;
top: 0;
@ -413,7 +414,8 @@
height: 100%;
display: flex;
overflow: hidden;
margin-top: 166rpx;
// margin-top: 166rpx;
margin-top: 68px;
}
.category_left{
height: 100%;
@ -549,5 +551,15 @@
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>

18
pages/index/index.vue
View File

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

9
pages/productDetails/index.vue
View File

@ -12,7 +12,7 @@
<block slot="right">
<view class="nav_right">
<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>
</uni-badge>
</navigator>
@ -1766,7 +1766,7 @@
// line-height: $nav-height;
height: 25rpx;
width: 30rpx;
padding-top: 5.37rpx;
// padding-top: 5.37rpx;
line-height: 0px;
image{
height: 100%;
@ -1796,7 +1796,7 @@
}
.nav_right{
padding-right: 30rpx;
padding-top: 10px;
padding-top: 12px;
image{
width: 44rpx;
height: 44rpx;
@ -2219,6 +2219,9 @@
line-height: 50px;
text-align: center;
}
uni-image {
margin-top: -2px !important;
}
/deep/.nav_left .uni-image .data-v-af9236d6{
background-size: 0% !important;
}

16
pages/shippingCart/index.vue
View File

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

Write Preview
Loading…
Cancel
Save