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

修复样式&修复tab图片

master
zhengshuiqi 3 years ago
parent
ca37f19565
commit
45e66b15f7
11 changed files with 160 additions and 132 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. 6
      main.js
  2. 5
      pages.json
  3. 4
      pages/account/index.vue
  4. 10
      pages/account/message.vue
  5. 3
      pages/category/productList.vue
  6. 4
      pages/index/address.vue
  7. 20
      pages/index/index.vue
  8. 9
      pages/productDetails/index.vue
  9. 11
      pages/shippingCart/index.vue
  10. 198
      pages/specialTitle/index.vue
  11. BIN
      static/img/min.png

6
main.js
View File

@ -4,9 +4,9 @@ import ios from '@/ios/index.js'
// #ifndef VUE3 // #ifndef VUE3
import Vue from 'vue' import Vue from 'vue'
Vue.prototype.$onLaunched = new Promise(resolve => { // Vue.prototype.$onLaunched = new Promise(resolve => {
Vue.prototype.$isResolve = resolve // Vue.prototype.$isResolve = resolve
}) // })
Vue.config.productionTip = false Vue.config.productionTip = false
App.mpType = 'app' App.mpType = 'app'
const app = new Vue({ const app = new Vue({

5
pages.json
View File

@ -382,7 +382,10 @@
"optimization": { "optimization": {
"subPackages": true "subPackages": true
}, },
"pullToRefresh": {
"style": "circle",
"color": "#630102"
},
"runmode" : "liberate" // 开启分包优化后，必须配置资源释放模式 "runmode" : "liberate" // 开启分包优化后，必须配置资源释放模式
} }
}, },

4
pages/account/index.vue
View File

@ -695,8 +695,8 @@
border-top-left-radius: 10rpx !important; border-top-left-radius: 10rpx !important;
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;
background-color: transparent;
image { image {
width: 100%; width: 100%;
height: 100%; height: 100%;

10
pages/account/message.vue
View File

@ -5,18 +5,18 @@
<uni-icons <uni-icons
style="z-index: 1111;position: relative; padding-left: 11px;color: white;font-weight: 100;cursor: pointer;" style="z-index: 1111;position: relative; padding-left: 11px;color: white;font-weight: 100;cursor: pointer;"
type="back" size="23" @click="backs"></uni-icons> type="back" size="23" @click="backs"></uni-icons>
<text style="margin-left: 30%;color: white;">Message</text> <text style="margin-left: 36%;color: white;">Message</text>
</view> </view>
<view class="empty_item" v-if="app_Mes.length == 0"> <view class="empty_item" v-if="app_Mes.length == 0">
<view class="empty_item_img"> <view class="empty_item_img">
<image src="../../static/img/message.png" mode=""></image> <image src="../../static/img/message.png" mode=""></image>
</view> </view>
<view>No comment!</view> <!-- <view>No comment!</view> -->
<!-- <view><button @click="gotoindex()">Go to see</button></view> --> <!-- <view><button @click="gotoindex()">Go to see</button></view> -->
</view> </view>
<view class="mask" v-show="isShwo" @click="isShwo=false"></view> <view class="mask" v-show="isShwo" @click="isShwo=false"></view>
<button class="body-btn" @click="shop()">Continue shopping</button> <button class="body-btn" style="z-index: 10; position: relative;" @click="shop()">Continue shopping</button>
<view> <view>
<!-- <uni-nav-bar left-icon="left" :statusBar="true" title="Message" <!-- <uni-nav-bar left-icon="left" :statusBar="true" title="Message"
@ -213,8 +213,8 @@
}) })
}, },
shop() { shop() {
uni.navigateTo({ uni.navigateBack({
url: '../shippingCart/index' delta: 1,
}) })
} }
}, },

3
pages/category/productList.vue
View File

@ -1170,4 +1170,7 @@
line-height: 200rpx; line-height: 200rpx;
text-align: center; text-align: center;
} }
/deep/ .uni-nav-bar-text {
padding-left: 10%;
}
</style> </style>

4
pages/index/address.vue
View File

@ -12,7 +12,7 @@
<radio class="Radio"v-model="item2.name" :checked="current==item2.name"@click="Active(item2,index2)"></radio> <radio class="Radio"v-model="item2.name" :checked="current==item2.name"@click="Active(item2,index2)"></radio>
</view> --> </view> -->
<view class="address1"></view> <view class="address1"></view>
<view style="padding-top: 5px;"> <view style="padding-top: 10px;">
<view v-for ="(item,index) in list " :key="index" > <view v-for ="(item,index) in list " :key="index" >
<text class="color_red">{{ item.title}}</text> <text class="color_red">{{ item.title}}</text>
<view class="address" v-for="(item1,index1) in item.sur_name" :key="item1.name" > <view class="address" v-for="(item1,index1) in item.sur_name" :key="item1.name" >
@ -153,7 +153,7 @@ async onLoad() {
width: 100%; width: 100%;
z-index: 999; z-index: 999;
height: 42px; height: 42px;
padding-top: 20px; padding-top: 25px;
text-align: center; text-align: center;
top:0; top:0;
left: 0; left: 0;

20
pages/index/index.vue
View File

@ -204,19 +204,15 @@
// }, // },
onLoad() { onLoad() {
let that = this; // 作用域 let that = this;
let s = 0; let s = 0;
// 定时轮询网络 （IOS网络判断）
let time = setInterval(() => { let time = setInterval(() => {
console.log('6666')
uni.getNetworkType({ uni.getNetworkType({
success: (res) => { success: (res) => {
console.log(res.networkType, s); console.log(res.networkType, s);
if (res.networkType !== 'none') { if (res.networkType !== 'none') {
that.typee = 2; that.typee = 2;
clearInterval(time); clearInterval(time);
console.log('清除网络..')
console.log('轮询结束...');
let home = 'HOME' let home = 'HOME'
this.getIndex(home) this.getIndex(home)
this.isLogin = uni.getStorageSync('isLogin') this.isLogin = uni.getStorageSync('isLogin')
@ -242,7 +238,6 @@
}) })
s++; s++;
}, 5000); }, 5000);
// 轮询时间
}, },
mounted() { mounted() {
@ -537,7 +532,7 @@
let height = 0 let height = 0
this.indexDate.zones.map(item => { this.indexDate.zones.map(item => {
item.blocks.map(item1 => { item.blocks.map(item1 => {
console.log(item.zone_code, item + '11111111111111') // console.log(item.zone_code, item + '11111111111111')
uni.getImageInfo({ uni.getImageInfo({
src: item1.block_pic, src: item1.block_pic,
success: (image) => { success: (image) => {
@ -635,8 +630,7 @@
let url let url
if (res.error == 0) { if (res.error == 0) {
if (res.data.page_code == 'HOMESALEICON') { if (res.data.page_code == 'HOMESALEICON') {
let src = let src = 'https://www.dopeplus.com/images/mapp_customized/202211/1667961215280331818.png'
'https://www.dopeplus.com/images/mapp_customized/202210/1665653173499940520.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 = '../../static/img/min.png' this.tarbar[2].src = '../../static/img/min.png'
} else { } else {
@ -1305,15 +1299,9 @@
</swiper> </swiper>
</uni-swiper-dot> </uni-swiper-dot>
<!-- BANNER1 测试 -->
<!-- class="discount page_padding" -->
<!-- <view class="BANNER1" v-if="item.zone_code=='BANNER1' && item.zone_status=='NORMAL'">
<image :src="item.blocks[0].block_pic"
:style="{height:(item.zone_code=='BANNER1')?item.zone_column+'rpx':''}" mode=""
@click="imgTo(item.blocks[0])"></image>
</view> -->
<!-- ONEPIC --> <!-- ONEPIC -->
<view class="ONEPIC" v-if="item.zone_code=='ONEPIC' && item.zone_status=='NORMAL'"> <view class="ONEPIC" v-if="item.zone_code=='ONEPIC' && item.zone_status=='NORMAL'">
<!-- class="discount page_padding" -->
<image :src="item.blocks[0].block_pic" <image :src="item.blocks[0].block_pic"
:style="{height:(item.zone_code=='ONEPIC')?item.zone_column+'rpx':''}" mode="" :style="{height:(item.zone_code=='ONEPIC')?item.zone_column+'rpx':''}" mode=""
@click="imgTo(item.blocks[0])"></image> @click="imgTo(item.blocks[0])"></image>

9
pages/productDetails/index.vue
View File

@ -1376,7 +1376,8 @@
.select_size_item2 { .select_size_item2 {
background-color: #1b1b1b; background-color: #1b1b1b;
width: 97.67rpx; // width: 97.67rpx;
width: auto;
height: 37.67rpx; height: 37.67rpx;
display: flex; display: flex;
background-size: 100% !important; background-size: 100% !important;
@ -1495,7 +1496,8 @@
background-color: #F9F7FA; background-color: #F9F7FA;
border-radius: 6.67rpx; border-radius: 6.67rpx;
margin-right: 12.67rpx; margin-right: 12.67rpx;
width: 134.67rpx; width: auto;
// width: 134.67rpx;
image { image {
width: 134.67rpx; width: 134.67rpx;
@ -1522,7 +1524,8 @@
} }
.color_select_item_bottom { .color_select_item_bottom {
padding: 10rpx 0rpx; padding: 10rpx 4rpx;
// padding: 10rpx 0rpx;
font-size: 24rpx; font-size: 24rpx;
text-align: center; text-align: center;

11
pages/shippingCart/index.vue
View File

@ -41,10 +41,10 @@
@click="cartCheck(1,0,gitem.rec_id,gitem)"></image> @click="cartCheck(1,0,gitem.rec_id,gitem)"></image>
<image src="../../static/img/select2.png" mode="" class="cart_select" v-show="gitem.is_check==0" <image src="../../static/img/select2.png" mode="" class="cart_select" v-show="gitem.is_check==0"
@click="cartCheck(1,1,gitem.rec_id,gitem)"></image> @click="cartCheck(1,1,gitem.rec_id,gitem)"></image>
<view class="good_info_left "> <view class="good_info_left " style="background-color: transparent !important;">
<!-- 左侧图片 --> <!-- 左侧图片 -->
<view class="good_info_image" @click="goDetails(gitem.goods_id)"> <view class="good_info_image" style="background-color: transparent !important;" @click="goDetails(gitem.goods_id)">
<image :src="gitem.goods_thumb" mode=""></image> <image :src="gitem.goods_thumb" style="border-radius: 5px;" mode=""></image>
</view> </view>
<view class="left_info"> <view class="left_info">
<view class="info_name" style="margin-top: 10px;">{{gitem.goods_name}}</view> <view class="info_name" style="margin-top: 10px;">{{gitem.goods_name}}</view>
@ -1234,6 +1234,9 @@
background-color: #fff !important; background-color: #fff !important;
// padding: 0 20rpx; // padding: 0 20rpx;
} }
.recommend_content_item_image {
background-color: transparent !important;
}
.recommend_content_item_image_name{ .recommend_content_item_image_name{
color:#333 !important; color:#333 !important;
height:60rpx; height:60rpx;
@ -1847,6 +1850,6 @@
} }
} }
/deep/ .uni-nav-bar-text { /deep/ .uni-nav-bar-text {
padding-left: 16%; padding-left: 10%;
} }
</style> </style>

198
pages/specialTitle/index.vue
View File

@ -6,48 +6,67 @@
</view> </view>
<!-- <uni-nav-bar left-icon="left" @clickLeft="back()" backgroundColor="#000" <!-- <uni-nav-bar left-icon="left" @clickLeft="back()" backgroundColor="#000"
color="#fff" :title="title" :fixed="true" :border="false" :top="100 +rpx"/> --> color="#fff" :title="title" :fixed="true" :border="false" :top="100 +rpx"/> -->
<view v-for="(item,index) in list " :key="item.zone_id"> <view v-for="(item,index) in list " :key="item.zone_id">
<view v-for="(item1,index1) in item.blocks " :key="item1.block_pic"> <view v-for="(item1,index1) in item.blocks " :key="item1.block_pic">
<view class="ONEPIC" v-if="item.zone_code=='ONEPIC' && item.zone_status=='NORMAL'" :style="{height:(item.zone_code=='ONEPIC')?item.zone_column+'rpx':''}"> <view class="ONEPIC" v-if="item.zone_code=='ONEPIC' && item.zone_status=='NORMAL'"
<!-- class="discount page_padding" --> :style="{height:(item.zone_code=='ONEPIC')?item.zone_column+'rpx':''}">
<image :src="item1.block_pic" mode="" @click="imgTo(item1)" ></image> <!-- class="discount page_padding" -->
</view> <image :src="item1.block_pic" mode="" @click="imgTo(item1)"></image>
</view> </view>
<!-- TWOPIC --> </view>
<view class="TWOPIC" :style="{height:(item.zone_code=='TWOPIC'&& item.zone_status=='NORMAL')?item.zone_column+'rpx':''}" v-if="item.zone_code=='TWOPIC' && item.zone_status=='NORMAL'"> <!-- TWOPIC -->
<image :src="item1.block_pic" @click="imgTo(item1)"mode="" v-for="(item1,index1) in item.blocks" :key="item1.block_id"></image> <view class="TWOPIC"
</view> :style="{height:(item.zone_code=='TWOPIC'&& item.zone_status=='NORMAL')?item.zone_column+'rpx':''}"
<!-- THREEPIC --> v-if="item.zone_code=='TWOPIC' && item.zone_status=='NORMAL'">
<view class="THREEPIC":style="{height:(item.zone_code=='THREEPIC'&& item.zone_status=='NORMAL')?item.zone_column+'rpx':''}" v-if="item.zone_code=='THREEPIC' && item.zone_status=='NORMAL'"> <image :src="item1.block_pic" @click="imgTo(item1)" mode="" v-for="(item1,index1) in item.blocks"
<image :src="item1.block_pic" @click="imgTo(item1)" mode="" v-for="(item1,index1) in item.blocks" :key="item1.block_id"></image> :key="item1.block_id"></image>
</view> </view>
<!-- FOURPIC --> <!-- THREEPIC -->
<view class="FOURPIC":style="{height:(item.zone_code=='FOURPIC'&& item.zone_status=='NORMAL')?item.zone_column+'rpx':''}" v-if="item.zone_code=='FOURPIC' && item.zone_status=='NORMAL'"> <view class="THREEPIC"
<image :src="item1.block_pic" mode="" @click="imgTo(item1)" v-for="(item1,index1) in item.blocks" :key="item1.block_id"></image> :style="{height:(item.zone_code=='THREEPIC'&& item.zone_status=='NORMAL')?item.zone_column+'rpx':''}"
</view> v-if="item.zone_code=='THREEPIC' && item.zone_status=='NORMAL'">
<!-- FIVEPIC --> <image :src="item1.block_pic" @click="imgTo(item1)" mode="" v-for="(item1,index1) in item.blocks"
<view class="FIVEPIC" :style="{height:(item.zone_code=='FIVEPIC'&& item.zone_status=='NORMAL')?item.zone_column+'rpx':''}" v-if="item.zone_code=='FIVEPIC' && item.zone_status=='NORMAL'"> :key="item1.block_id"></image>
<image :src="item1.block_pic" mode="" @click="imgTo(item1)" v-for="(item1,index1) in item.blocks" :key="item1.block_id"></image> </view>
</view> <!-- FOURPIC -->
<!-- SIXPIC --> <view class="FOURPIC"
<view class="SIXPIC":style="{height:(item.zone_code=='SIXPIC'&& item.zone_status=='NORMAL')?item.zone_column+'rpx':''}" v-if="item.zone_code=='SIXPIC' && item.zone_status=='NORMAL'"> :style="{height:(item.zone_code=='FOURPIC'&& item.zone_status=='NORMAL')?item.zone_column+'rpx':''}"
<image :src="item1.block_pic" mode="" @click="imgTo(item1)" v-for="(item1,index1) in item.blocks" :key="item1.block_id"></image> v-if="item.zone_code=='FOURPIC' && item.zone_status=='NORMAL'">
<image :src="item1.block_pic" mode="" @click="imgTo(item1)" v-for="(item1,index1) in item.blocks"
:key="item1.block_id"></image>
</view>
<!-- FIVEPIC -->
<view class="FIVEPIC"
:style="{height:(item.zone_code=='FIVEPIC'&& item.zone_status=='NORMAL')?item.zone_column+'rpx':''}"
v-if="item.zone_code=='FIVEPIC' && item.zone_status=='NORMAL'">
<image :src="item1.block_pic" mode="" @click="imgTo(item1)" v-for="(item1,index1) in item.blocks"
:key="item1.block_id"></image>
</view>
<!-- SIXPIC -->
<view class="SIXPIC"
:style="{height:(item.zone_code=='SIXPIC'&& item.zone_status=='NORMAL')?item.zone_column+'rpx':''}"
v-if="item.zone_code=='SIXPIC' && item.zone_status=='NORMAL'">
<image :src="item1.block_pic" mode="" @click="imgTo(item1)" v-for="(item1,index1) in item.blocks"
:key="item1.block_id"></image>
</view>
</view> </view>
</view> </view>
</view>
<!-- </view> --> <!-- </view> -->
</template> </template>
<script> <script>
import {defaultRequest,defaultRequest4} from '../../api/index.js' import {
defaultRequest,
defaultRequest4
} from '../../api/index.js'
export default { export default {
data() { data() {
return { return {
list:[], list: [],
data: { data: {
_action:'getpagedata', _action: 'getpagedata',
pagecode:'' pagecode: ''
}, },
title:'' title: ''
} }
}, },
onLoad(e) { onLoad(e) {
@ -57,58 +76,55 @@
this.getpage() this.getpage()
}, },
methods: { methods: {
getpage(){ getpage() {
let imglist let imglist
defaultRequest(this.data).then( res =>{ defaultRequest(this.data).then(res => {
if(res.error ==0){ if (res.error == 0) {
console.log(res,'数据') console.log(res, '数据')
this.list= res.data.zones this.list = res.data.zones
console.log(this.list) console.log(this.list)
this.list.map( item =>{ this.list.map(item => {
console.log(item,item.zone_code,item.blocks.length) console.log(item, item.zone_code, item.blocks.length)
}) })
} }
}) })
}, },
back(){ back() {
uni.navigateBack({ uni.navigateBack({
delta:1 delta: 1
}) })
}, },
imgTo(item){ imgTo(item) {
console.log(item,'item') console.log(item, 'item')
//console.log(item.block_link.includes('dope.youhui')) //console.log(item.block_link.includes('dope.youhui'))
let goodid let goodid
if(item.goodid){ if (item.goodid) {
uni.navigateTo({ uni.navigateTo({
url:'../productDetails/index?goodid='+item.goodid url: '../productDetails/index?goodid=' + item.goodid
}) })
} } else if (item.block_link) {
else if(item.block_link){
const i = item.block_link.indexOf('?') const i = item.block_link.indexOf('?')
goodid = item.block_link.substring(i); goodid = item.block_link.substring(i);
////console.log(item.block_link) ////console.log(item.block_link)
if(item.block_link.includes('goodslist')){ if (item.block_link.includes('goodslist')) {
uni.navigateTo({ uni.navigateTo({
url:'../category/productList'+ goodid+'&tag=1' url: '../category/productList' + goodid + '&tag=1'
}) })
} } else if (item.block_link.includes('goodid')) {
else if(item.block_link.includes('goodid')){
uni.navigateTo({ uni.navigateTo({
url:'../productDetails/index'+goodid+'&img=1' url: '../productDetails/index' + goodid + '&img=1'
}) })
} } else if (item.block_link.includes('dope.youhui')) {
else if(item.block_link.includes('dope.youhui')){
uni.navigateTo({ uni.navigateTo({
url:'./pickUpCentre' url: './pickUpCentre'
}) })
}else if(item.block_link.includes('dope.adspecial')){ } else if (item.block_link.includes('dope.adspecial')) {
uni.navigateTo({ uni.navigateTo({
url:'../specialTitle/index2'+goodid url: '../specialTitle/index2' + goodid
}) })
} }
} }
@ -119,76 +135,88 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
page{ page {
background-color: #000; background-color: #000;
height: 100vh; height: 100vh;
// margin: 20rpx; // margin: 20rpx;
} }
.ONEPIC{
width: 100%; .ONEPIC {
height: 100%; width: 100%;
margin: -12rpx 0; height: 100%;
z-index:1; margin: -12rpx 0;
image{ z-index: 1;
height: 100%;
width: 100%; image {
height: 100%;
width: 100%;
} }
&:nth-last-child(){
&:nth-last-child() {
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
} }
.TWOPIC{
width: 100%; .TWOPIC {
width: 100%;
display: flex; display: flex;
image{ image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.THREEPIC{
.THREEPIC {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
image{
image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.FOURPIC{
width: 100%; .FOURPIC {
width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
image{
image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.FIVEPIC{
.FIVEPIC {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
image{
image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.SIXPIC{
.SIXPIC {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
image{
image {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
} }
.body{
padding-top: 150rpx;
height: 100vh;
background-color: #000;
.body {
padding-top: 150rpx;
height: auto;
// height: 100vh;
background-color: #000;
} }
</style> </style>

BIN
static/img/min.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

Write Preview
Loading…
Cancel
Save