Skip to content

M
mallapp
Commit 3386bd03 authored by zhengke's avatar zhengke
Browse files
Options

no message

parent 631e3262
Hide whitespace changes
Inline Side-by-side
Showing with 560 additions and 148 deletions
components/goods/index.vue
View file @ 3386bd03
<template>
<div class="goods-box" :class="{ flex: goods.catPosition == 'left' }">
<div class="goods-box" :class="{ flex: goods.catPosition == 'left' }" :style="{'margin-bottom':marginBottom+'rpx'}">
<view :style="{ margin: goods.catStyle == 1 ? '0px' : '10px 5px' }">
<u-tabs v-if="goods.showCat && goods.catPosition == 'top' && goods.catList.length > 1" name="menuName" :list="goods.catList"
:is-scroll="true" :active-color="mainColor" :current="activeKey" :show-bar="goods.catStyle == 1" :bold="false"
......@@ -80,7 +80,8 @@
return {
mainColor: '',
activeKey: 0,
currentList: []
currentList: [],
marginBottom:''
};
},
created() {
......@@ -91,6 +92,23 @@
this.currentList = this.goods.list;
}
},
mounted(){
let port = uni.getSystemInfoSync().platform
switch (port) {
case 'android':
this.marginBottom = '0'
console.log('运行Android上',port);//android
break;
case 'ios':
this.marginBottom = '54'
console.log('运行iOS上',port);//ios
break;
default:
this.marginBottom = '54'
console.log('运行在开发者工具上');//devtools
break;
}
},
methods: {
tabChangeHandler(i) {
this.currentList = this.goods.catList[i].goodsList;
......
components/navpage/index.vue
View file @ 3386bd03
......@@ -3,12 +3,13 @@
<div class="mynav" style="padding-bottom:5px;min-height: 430px;" :style="{'background-color': navs.backgroundColor}">
<swiper v-if="navs.navType==1" :autoplay="false" :style="{'height': height + 'rpx' }">
<swiper-item v-for="(item, index) in cols" :key="index">
<view :style="[formatStyle]">
<u-grid :col="getColumn(navs)" align="left" :border="false">
<view :style="[formatStyle]" style="height: 100%;">
<u-grid :col="getColumn(navs)" align="left" :border="false" :height="height">
<u-grid-item v-for="(c, i) in item" :key="i" class="grid-text" v-if="c.isShow==1" @click="clickHandler(c)"
:height="height"
:style="{'background':isTemplateId==c.TemplateId?'url('+getIconLink(c.checkBgImg)+')no-repeat top 0 left 0':'',
'background-size': '100% 100%'}">
<image :src="isTemplateId==c.TemplateId?getIconLink(c.checkIcon):getIconLink(c.icon)" mode="widthFix" style="width: 64rpx; height: 64rpx;" />
<image :src="isTemplateId==c.TemplateId?getIconLink(c.checkIcon):getIconLink(c.icon)" mode="widthFix" style="width: 58rpx; height: 58rpx;" />
<text :style="{'color':navs.color}">{{ c.name }}</text>
</u-grid-item>
</u-grid>
......@@ -91,7 +92,7 @@
isTemplateId:'',
cols: [],
formatStyle: "",
height: 160,
height: 92,//160
bg: "",
clickItem: {}, //当前点击的页面
showModal:false,
......@@ -109,7 +110,7 @@
// console.log(this.navs)
this.mainColor = this.$uiConfig.mainColor;
let tempArray = [];
this.height = (this.navs.rows * this.height)-21;
this.height = (this.navs.rows * this.height);//-21
this.navs.navs.forEach((x, i) => {
tempArray.push(x);
if (
......
components/tabbar/index.vue
View file @ 3386bd03
<style scoped>
.tabbarMain {
height: 100upx;
/* height: 150upx; */
position: fixed;
z-index: 50;
flex: 1;
......@@ -14,11 +14,11 @@
}
.tabbarMainIphone {
height: 156upx;
padding-bottom: 64upx;
/* padding-bottom: 64upx; */
}
.tabBtnMina {
width: 750upx;
height: 88upx;
/* height: 88upx; */
position: absolute;
z-index: 2;
bottom: 0;
......@@ -34,7 +34,7 @@
}
.tabBtnMinaIphone {
height: 156upx;
padding-bottom: 64upx;
/* padding-bottom: 64upx; */
}
.imgse {
/* width: 48upx; */
......@@ -114,11 +114,13 @@
<view
class="tabbarMain"
:class="[flagTypeInfo ? 'tabbarMainIphone' : '']"
:style="{'height':height+'rpx','position':'fixed','left':'0','right':'0'}"
v-if="navs && navs.length > 0"
>
<view
class="tabBtnMina"
:class="[flagTypeInfo ? 'tabBtnMinaIphone' : '']"
:style="{'height':height+'upx','padding-bottom':paddingBottom + 'rpx'}"
mode=""
>
<view
......@@ -155,6 +157,7 @@
<view
class="tabbarMain"
:class="[flagTypeInfo ? 'tabbarMainIphone' : '']"
:style="{'padding-bottom':'64upx'}"
v-if="navs && navs.length > 0"
>
<view
......@@ -206,6 +209,8 @@ export default {
navs: [],
crtPath: "",
isShowIcon: 1,
paddingBottom:"",
height:""
};
},
created() {
......@@ -240,6 +245,24 @@ export default {
}, 3000);
}
this.activeHandler();
let port = uni.getSystemInfoSync().platform
switch (port) {
case 'android':
this.height = '140'
this.paddingBottom = '20'
console.log('运行Android上',port);//android
break;
case 'ios':
this.height = '160'
this.paddingBottom = '58'
console.log('运行iOS上',port);//ios
break;
default:
this.height = '160'
this.paddingBottom = '58'
console.log('运行在开发者工具上');//devtools
break;
}
},
// activated(){
// if(uni.getStorageSync("navs")){
......
node_modules/uview-ui/components/u-grid-item/u-grid-item.vue
View file @ 3386bd03
<template>
<view class="u-grid-item" :class="[showBorder ? 'u-border-right u-border-bottom' : '']" :hover-class="hoverClass"
:hover-stay-time="200" @tap="click" :style="{
:hover-stay-time="200" @tap="click" :style="[{
background: bgColor,
width: width + 'px'
}">
},{'height':height+'rpx'}]">
<view class="u-grid-item-box">
<slot />
</view>
......@@ -33,6 +33,10 @@
type: [Number, String],
default: ''
},
height:{
type: String,
default: ""
}
},
// 父组件通过provide传递过来的整个this
inject: ['uGrid'],
......
node_modules/uview-ui/components/u-grid/u-grid.vue
View file @ 3386bd03
<template>
<view :id="elId" class="u-grid" :class="{'u-border-top u-border-left': border}" :style="[gridStyle]"><slot /></view>
<view :id="elId" class="u-grid" :class="{'u-border-top u-border-left': border}" :style="[gridStyle,{'height':height+'rpx'}]"><slot /></view>
</template>
<script>
......@@ -35,6 +35,10 @@ export default {
hoverClass: {
type: String,
default: 'u-hover-class'
},
height:{
type: String,
default: ""
}
},
data() {
......
node_modules/uview-ui/components/u-index-anchorB/u-index-anchorB.vue 0 → 100644
View file @ 3386bd03
<template>
<view class="u-index-anchor-wrapper" :id="$u.guid()" :style="[wrapperStyle]">
<!-- style="position: fixed;top:95rpx;color:#2979ff;z-index: 965;" -->
<view class="u-index-anchor " :class="[active ? 'u-index-anchor--active' : '']"
:style="[customAnchorStyle]" >
<slot v-if="useSlot" />
<block v-else>
<text>{{ index=='*'?'热门品牌':index }}</text>
</block>
</view>
</view>
</template>
<script>
/**
* indexAnchor 索引列表锚点
* @description 通过折叠面板收纳内容区域,搭配<u-index-anchor>使用
* @tutorial https://www.uviewui.com/components/indexList.html#indexanchor-props
* @property {Boolean} use-slot 是否使用自定义内容的插槽（默认false）
* @property {String Number} index 索引字符，如果定义了use-slot，此参数自动失效
* @property {Object} custStyle 自定义样式，对象形式，如"{color: 'red'}"
* @event {Function} default 锚点位置显示内容，默认为索引字符
* @example <u-index-anchor :index="item" />
*/
export default {
name: "u-index-anchor",
props: {
useSlot: {
type: Boolean,
default: false
},
index: {
type: String,
default: ''
},
customStyle: {
type: Object,
default () {
return {}
}
}
},
data() {
return {
active: false,
wrapperStyle: {},
anchorStyle: {}
}
},
inject: ['UIndexList'],
wacth:{
index: {
handler: function (val, oldval) {
console.log(val,'----')
},
deep: true,
},
},
mounted() {
this.UIndexList.children.push(this);
this.UIndexList.updateData();
},
computed: {
customAnchorStyle() {
// return Object.assign(this.anchorStyle, this.customStyle);
}
}
}
</script>
<style lang="scss" scoped>
.u-index-anchor {
box-sizing: border-box;
padding: 14rpx 24rpx;
color: #606266;
width: 100%;
font-weight: 500;
font-size: 28rpx;
line-height: 1.2;
background-color: rgb(245, 245, 245);
}
.u-index-anchor--active {
right: 0;
left: 0;
color: #2979ff;
background-color: #f7f7f7;
}
</style>
node_modules/uview-ui/components/u-index-listB/u-index-listB.vue 0 → 100644
View file @ 3386bd03
<template>
<view class="u-index-bar">
<slot />
<view v-if="showSidebar" class="u-index-bar__sidebar" @touchstart.stop.prevent="onTouchMove" @touchmove.stop.prevent="onTouchMove"
@touchend.stop.prevent="onTouchStop" @touchcancel.stop.prevent="onTouchStop">
<view v-for="(item, index) in indexList" :key="index" class="u-index-bar__index" :style="{zIndex: zIndex + 1, color: activeAnchorIndex === index ? activeColor : ''}"
:data-index="index">
{{ item }}
</view>
</view>
<view class="u-indexed-list-alert" v-if="touchmove && indexList[touchmoveIndex]" :style="{
zIndex: alertZIndex
}">
<text>{{indexList[touchmoveIndex]}}</text>
</view>
</view>
</template>
<script>
var indexList = function() {
var indexList = [];
var charCodeOfA = 'A'.charCodeAt(0)
for (var i = 0; i < 26; i++) {
indexList.push(String.fromCharCode(charCodeOfA + i));
}
indexList.unshift('*')
return indexList;
};
/**
* indexList 索引列表
* @description 通过折叠面板收纳内容区域,搭配<u-index-anchor>使用
* @tutorial https://www.uviewui.com/components/indexList.html#indexanchor-props
* @property {Number String} scroll-top 当前滚动高度，自定义组件无法获得滚动条事件，所以依赖接入方传入
* @property {Array} index-list 索引字符列表，数组（默认A-Z）
* @property {Number String} z-index 锚点吸顶时的层级（默认965）
* @property {Boolean} sticky 是否开启锚点自动吸顶（默认true）
* @property {Number String} offset-top 锚点自动吸顶时与顶部的距离（默认0）
* @property {String} highlight-color 锚点和右边索引字符高亮颜色（默认#2979ff）
* @event {Function} select 选中右边索引字符时触发
* @example <u-index-list :scrollTop="scrollTop"></u-index-list>
*/
export default {
name: "u-index-list",
props: {
sticky: {
type: Boolean,
default: true
},
zIndex: {
type: [Number, String],
default: ''
},
scrollTop: {
type: [Number, String],
default: 0,
},
offsetTop: {
type: [Number, String],
default: 0
},
indexList: {
type: Array,
default () {
return indexList()
}
},
activeColor: {
type: String,
default: '#2979ff'
}
},
created() {
// #ifdef H5
this.stickyOffsetTop = this.offsetTop ? uni.upx2px(this.offsetTop) : 44;
// #endif
// #ifndef H5
this.stickyOffsetTop = this.offsetTop ? uni.upx2px(this.offsetTop) : 0;
// #endif
// 只能在created生命周期定义children，如果在data定义，会因为在子组件中通过provide/inject
// 进行push时而导致的莫名其妙的错误
this.children = [];
},
provide() {
return {
UIndexList: this
}
},
data() {
return {
activeAnchorIndex: 0,
showSidebar: true,
// children: [],
touchmove: false,
touchmoveIndex: 0,
}
},
watch: {
scrollTop() {
this.updateData()
}
},
computed: {
// 弹出toast的z-index值
alertZIndex() {
return this.$u.zIndex.toast;
}
},
methods: {
updateData() {
this.timer && clearTimeout(this.timer);
this.timer = setTimeout(() => {
this.showSidebar = !!this.children.length;
this.setRect().then(() => {
this.onScroll();
});
}, 0);
},
setRect() {
return Promise.all([
this.setAnchorsRect(),
this.setListRect(),
this.setSiderbarRect()
]);
},
setAnchorsRect() {
return Promise.all(this.children.map((anchor, index) => anchor
.$uGetRect('.u-index-anchor-wrapper')
.then((rect) => {
Object.assign(anchor, {
height: rect.height,
top: rect.top
});
})));
},
setListRect() {
return this.$uGetRect('.u-index-bar').then((rect) => {
Object.assign(this, {
height: rect.height,
top: rect.top + this.scrollTop
});
});
},
setSiderbarRect() {
return this.$uGetRect('.u-index-bar__sidebar').then(rect => {
this.sidebar = {
height: rect.height,
top: rect.top
};
});
},
getActiveAnchorIndex() {
const {
children
} = this;
const {
sticky
} = this;
for (let i = this.children.length - 1; i >= 0; i--) {
const preAnchorHeight = i > 0 ? children[i - 1].height : 0;
const reachTop = sticky ? preAnchorHeight : 0;
if (reachTop >= children[i].top) {
return i;
}
}
return -1;
},
onScroll() {
const {
children = []
} = this;
if (!children.length) {
return;
}
const {
sticky,
stickyOffsetTop,
zIndex,
scrollTop,
activeColor
} = this;
const active = this.getActiveAnchorIndex();
this.activeAnchorIndex = active;
if (sticky) {
let isActiveAnchorSticky = false;
if (active !== -1) {
isActiveAnchorSticky =
children[active].top <= 0;
}
children.forEach((item, index) => {
if (index === active) {
let wrapperStyle = '';
let anchorStyle = {
color: `${activeColor}`
};
if (isActiveAnchorSticky) {
wrapperStyle = {
height: `${children[index].height}px`
};
anchorStyle = {
position: 'fixed',
top: `${stickyOffsetTop}px`,
zIndex: `${zIndex ? zIndex : this.$u.zIndex.indexListSticky}`,
color: `${activeColor}`
};
}
item.active = active;
item.wrapperStyle = wrapperStyle;
item.anchorStyle = anchorStyle;
} else if (index === active - 1) {
const currentAnchor = children[index];
const currentOffsetTop = currentAnchor.top;
const targetOffsetTop = index === children.length - 1 ?
this.top :
children[index + 1].top;
const parentOffsetHeight = targetOffsetTop - currentOffsetTop;
const translateY = parentOffsetHeight - currentAnchor.height;
const anchorStyle = {
position: 'relative',
transform: `translate3d(0, ${translateY}px, 0)`,
zIndex: `${zIndex ? zIndex : this.$u.zIndex.indexListSticky}`,
color: `${activeColor}`
};
item.active = active;
item.anchorStyle = anchorStyle;
} else {
item.active = false;
item.anchorStyle = '';
item.wrapperStyle = '';
}
});
}
},
onTouchMove(event) {
this.touchmove = true;
const sidebarLength = this.children.length;
const touch = event.touches[0];
const itemHeight = this.sidebar.height / sidebarLength;
let clientY = 0;
clientY = touch.clientY;
let index = Math.floor((clientY - this.sidebar.top) / itemHeight);
if (index < 0) {
index = 0;
} else if (index > sidebarLength - 1) {
index = sidebarLength - 1;
}
this.touchmoveIndex = index;
this.scrollToAnchor(index);
},
onTouchStop() {
this.touchmove = false;
this.scrollToAnchorIndex = null;
},
scrollToAnchor(index) {
if (this.scrollToAnchorIndex === index) {
return;
}
this.scrollToAnchorIndex = index;
const anchor = this.children.find((item) => item.index === this.indexList[index]);
if (anchor) {
this.$emit('select', anchor.index);
uni.pageScrollTo({
duration: 0,
scrollTop: anchor.top + this.scrollTop
});
}
}
}
};
</script>
<style lang="scss" scoped>
.u-index-bar {
position: relative
}
.u-index-bar__sidebar {
position: fixed;
top: 50%;
right: 0;
display: flex;
flex-direction: column;
text-align: center;
transform: translateY(-50%);
user-select: none;
z-index: 99;
}
.u-index-bar__index {
font-weight: 500;
padding: 8rpx 30rpx;
font-size: 22rpx;
line-height: 1
}
.u-indexed-list-alert {
position: fixed;
width: 120rpx;
height: 120rpx;
right: 90rpx;
top: 50%;
margin-top: -60rpx;
border-radius: 24rpx;
font-size: 50rpx;
color: #fff;
background-color: rgba(0, 0, 0, 0.65);
display: flex;
justify-content: center;
align-items: center;
padding: 0;
z-index: 9999999;
}
.u-indexed-list-alert text {
line-height: 50rpx;
}
</style>
pages/Luxury/ClassList.vue
View file @ 3386bd03
......@@ -5,38 +5,47 @@
radius="40" v-model="Keywords" @chang="changeHandler"></u-searchB>
</view>
<div
style="height: calc(100vh - 0px);width: calc(100vw);overflow: hidden;margin-top: 100rpx;">
<view class="right-box">
<uni-indexed-list :options="list" :show-select="true" @click="bindClick"/>
<view style="height: calc(100vh - 0px); background: #fff;" v-if="!listShow">
<u-empty text="没有找到相关品牌信息" mode="order"></u-empty>
style="height: calc(100vh - 0px);width: calc(100vw);overflow: hidden;margin-top: 100rpx;">
<view class="right-box">
<uni-indexed-list :options="list" :show-select="true" @click="bindClick"/>
<view style="height: calc(100vh - 0px); background: #fff;" v-if="!listShow">
<u-empty text="没有找到相关品牌信息" mode="order"></u-empty>
</view>
</view>
</view>
</div>
<!-- <div style='height: calc(100vh - 150px);'>
<u-index-list :scrollTop="scrollTop">
<view v-for="(item,index) in indexList" :key="index">
<u-index-anchor :index="item.ti" :customStyle="customStyle"/>
<view class="imgList">
<view v-if="x.IsHot" v-for="(x,y) in item.children" :key='y' @click="goback(x,2)">
</div>
<!-- margin-top: 102rpx; -->
<!-- aspectFill scaleToFill-->
<!-- <view style="background: #fff;margin-bottom: 100rpx;" v-show="!listShow">
<u-empty text="没有找到相关品牌信息" mode="order"></u-empty>
</view>
<div style='height: calc(100vh - 0);'>
<u-index-listB :scrollTop="scrollTop">
<view v-for="(item,index) in indexList" :key="index">
<u-index-anchorB :index="item.letter"/>
<view class="imgList" v-if="item.letter=='*'">
<view v-for="(x,y) in item.data" :key='y' class="imgList-bj" @click="goback(x)">
<view @click="onClick(x)">
<image :src="x.Logo" mode="scaleToFill"/>
</view>
</view>
<view v-for="(x,y) in item.children" :key='y' @click="goback(x,2)"
class="list-cel imgList-box">
<template v-if="!x.IsHot">
<view class="img">
<image :src="x.Logo" mode="scaleToFill"/>
</view>
<view class="text">
{{x.Name}}
</view>
</template>
</view>
</view>
</u-index-list>
</div> -->
<template v-else>
<view v-for="(x,y) in item.data" :key='y' @click="goback(x)"
class="list-cel imgList-box">
<view class="img" @click="onClick(x)">
<image :src="x.Logo" mode="scaleToFill"/>
</view>
<view class="text" @click="onClick(x)">
{{x.Name}}
</view>
</view>
</template>
</view>
</u-index-listB>
</div> -->
<auth
v-if="showAuth"
@changeuserinfo="reloadUserinfo"
......@@ -58,6 +67,7 @@
},
data() {
return {
topNum:'',
scrollTop:0,
showAuth:false,
cat_style:2,
......@@ -69,6 +79,12 @@
customStyle:{
top:'101rpx'
},
anchorStyle:{
color: "#2979ff",
position: "fixed",
top: "102px",
zIndex: "965",
},
styleStr: {
placeholder: "搜索",
background: "rgb(240,239,244)",
......@@ -88,95 +104,15 @@
Id:''
},
AllList:[],
indexList: [{ti:"*"}, {ti:"A"}, {ti:"B"}, {ti:"C"}, {ti:"D"}, {ti:"E"}, {ti:"F"}, {ti:"G"},{ ti:"H"}, {ti:"I"}, {ti:"J"}, {ti:"K"}, {ti:"L"},
{ti:"M"}, {ti:"N"}, {ti:"O"}, {ti:"P"},{ ti:"Q"}, {ti:"R"}, {ti:"S"}, {ti:"T"}, {ti:"U"},
{ti:"V"}, {ti:"W"}, {ti:"X"}, {ti:"Y"}, {ti:"Z"}
],
list: [{
letter: '*',
data: []
},{
letter: 'A',
data: []
}, {
letter: 'B',
data: []
}, {
letter: 'C',
data: []
}, {
letter: 'D',
data: []
}, {
letter: 'E',
data: []
}, {
letter: 'F',
data: []
}, {
letter: 'G',
data: []
}, {
letter: 'H',
data: []
}, {
letter: 'I',
data: []
}, {
letter: 'J',
data: []
}, {
letter: 'K',
data: []
}, {
letter: 'L',
data: []
}, {
letter: 'M',
data: []
}, {
letter: 'N',
data: []
}, {
letter: 'O',
data: []
}, {
letter: 'P',
data: []
}, {
letter: 'Q',
data: []
}, {
letter: 'R',
data: []
}, {
letter: 'S',
data: []
}, {
letter: 'T',
data: []
}, {
letter: 'U',
data: []
}, {
letter: 'V',
data: []
}, {
letter: 'W',
data: []
}, {
letter: 'X',
data: []
}, {
letter: 'Y',
data: []
}, {
letter: 'Z',
data: []
}, {
letter: '#',
data: []
}],
indexList: [
// {ti:"*"}, {ti:"A"}, {ti:"B"}, {ti:"C"}, {ti:"D"},
// {ti:"E"}, {ti:"F"}, {ti:"G"}, {ti:"H"}, {ti:"I"},
// {ti:"J"}, {ti:"K"}, {ti:"L"}, {ti:"M"}, {ti:"N"},
// {ti:"O"}, {ti:"P"}, {ti:"Q"}, {ti:"R"}, {ti:"S"},
// {ti:"T"}, {ti:"U"}, {ti:"V"}, {ti:"W"}, {ti:"X"},
// {ti:"Y"}, {ti:"Z"}
],
list: [],
u:{},
listShow:true,
arrary:[]
......@@ -199,17 +135,20 @@
})
return item.data && item.data.length>0
})
if(arr.length>0){
if(lists.length>0){
this.list = lists
this.indexList = lists
this.listShow = true
uni.hideLoading();
}else{
this.list = []
this.indexList = []
this.listShow = false
uni.hideLoading();
}
}else{
this.list = this.AllList
this.indexList = this.AllList
this.listShow = true
uni.hideLoading();
}
......@@ -239,7 +178,6 @@
mounted() {
// this.contentHeightB = this.$utils.calcContentHeight(-40)+'px';
let currentPages = getCurrentPages();
// let c = this.$uiConfig.is_bang ? 80 : 52;
let c = this.$uiConfig.is_bang ? 80 : 52;
this.contentHeight = this.$utils.calcContentHeight(c);
let u = "/" + currentPages[currentPages.length - 1].route;
......@@ -258,6 +196,11 @@
this.marginStyle=`${this.styleStr.top??0}px ${this.styleStr.right??0}px ${this.styleStr.bottom??0}px ${this.styleStr.left??0}px `
},
methods: {
onClick(item) {
uni.navigateTo({
url: '/pages/Luxury/Valuation?BrandId='+item.Id
});
},
reloadUserinfo() {
this.u = uni.getStorageSync("mall_UserInfo");
// this.showAuth=false;
......@@ -284,19 +227,17 @@
// },
onPageScroll(e) {
// this.topNum = '30'
this.scrollTop = e.scrollTop;
// console.log(this.scrollTop)
},
goback(item,type){
let Name
if(type==1){
Name=item.RegionName
}else{
Name=item.Name
}
Name=item.Name
let pages = getCurrentPages(); // 当前页面
let beforePage
beforePage = pages[pages.length - 2]; // 前一个页面
// console.log( beforePage.$vm)
// console.log( beforePage.$vm,'===')
setTimeout(()=>{
uni.navigateBack({
delta:1,
......@@ -324,6 +265,7 @@
if(res.resultCode==1){
this.AllList = res.data
this.list = res.data
this.indexList = res.data
uni.hideLoading();
}
......@@ -409,25 +351,35 @@
z-index: 3;
}
.imgList{
width: 100%;
display: flex;
flex-wrap: wrap;
background: #f7f7f7;
}
.imgList view{
.imgList-bj{
flex-shrink: 0;
width: 33.33%;
text-align: center;
padding: 20rpx 0 0 0;
text-align: center;
}
.imgList view image{
width: 100rpx;
height: 80rpx;
border-radius: 15rpx;
.imgList-bj view{
width: 227rpx;
height: 120rpx;
/* margin-right: 10rpx; */
margin-left: 20rpx;
border-radius: 20rpx;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
}
.imgList-bj view image{
width: 120rpx;
height: 70rpx;
display: block;
}
.imgList-box{
display: flex;
padding: 0 20rpx;
align-items: center;
padding: 8rpx 20rpx;
}
.imgList-box image{
width: 80rpx;
......@@ -444,4 +396,7 @@
margin-left: 20rpx;
word-wrap: break-word;
}
.u-index-ancho{
top: 108rpx !important;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment