Skip to content

M
mallapp
Commit 8eda9f00 authored by 罗超's avatar 罗超
Browse files
Options

完成页面的功能新增和样式调整

parent 2a3b0e8c
Hide whitespace changes
Inline Side-by-side
Showing with 147 additions and 12 deletions
pages/kotra/activeInner.vue
View file @ 8eda9f00
......@@ -112,9 +112,12 @@
</style>
<template>
<view class="activeInner" style="height:100vh;">
<u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty>
<u-tabs bg-color="#f6f6f6" :is-scroll="true" name="TypeName" :list="typeList" :active-color="mainColor" :current="active" @change="changeHandler2"
:show-bar="true" :activeFontSize="34" :bold="true" height="100" duration="0" font-size="28"></u-tabs>
<u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty>
<scroll-view v-else :scroll-y="true" :enable-back-to-top="true" :enable-flex="true"
@scrolltolower="lower" style="height: calc(100vh - 15px);">
@scrolltolower="lower" style="height: calc(100vh - 71px);">
<view v-if="IsOpenMiAi==0">
<view class="activeList" v-for="(item,index) in dataList" :key="index" @click="goActiveDetail(item)">
<view class="activeInnerTop">
......@@ -186,6 +189,8 @@
},
IsOpenMiAi:0,//1开始 0 没开启
barshow:0,
typeList:[],
active:0
}
},
created() {},
......@@ -193,7 +198,7 @@
uni.setNavigationBarTitle({
title: this.pageTitle,
});
this.queryActiityTypeList()
this.mainColor = this.$uiConfig.mainColor;
},
onLoad(option) {
......@@ -206,6 +211,12 @@
this.getData(1);
},
methods: {
changeHandler2(i) {
this.active = i;
this.dataList=[]
this.msg.ActivityType=this.typeList[i].Id
this.getData(1)
},
getData(num){
if (num == 1) {
this.dataList = [];
......@@ -222,6 +233,27 @@
}
);
},
queryActiityTypeList(){
this.request2({
url: "/api/AppletTrade/GetCommerceActivityTypeList",
data: {
PageIndex:1,
PageSize:100
},
},
(res) => {
if (res.resultCode == 1) {
this.typeList.push({
Id:0,
TypeName:'全部'
});
res.data.forEach(x=>{
this.typeList.push(x)
})
}
}
);
},
//滚动加载
lower(e) {
if (this.msg.pageIndex < this.pageCount) {
......
pages/kotra/firstShop/list.vue
View file @ 8eda9f00
<template>
<view>
<view style="height: 100vh;width: 100%;overflow: hidden;background-color: #F6F6F6;">
<scroll-view scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" style="box-sizing: border-box;height: 100%;padding:35rpx;">
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间：2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #00DFB8;font-size: 24rpx;">已通过</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间：2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #F70027;font-size: 24rpx;">申请失败</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间：2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #888;font-size: 24rpx;">审核中</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间：2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #00DFB8;font-size: 24rpx;">已通过</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间：2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #F70027;font-size: 24rpx;">申请失败</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间：2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #888;font-size: 24rpx;">审核中</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间：2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #00DFB8;font-size: 24rpx;">已通过</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间：2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #F70027;font-size: 24rpx;">申请失败</view>
</view>
<view style="margin-bottom:30rpx;position: relative;background: #FFFFFF;box-shadow: 0px 10px 50rpx 0px rgba(218, 220, 230, 0.85);border-radius: 30rpx;display: flex;align-items: center;padding:30rpx;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616513250000_714.jpg" style="width: 130rpx;margin-right:30rpx;height: 130rpx;border-radius: 17rpx;" mode="aspectFill"></image>
<view style="flex:1">
<view style="font-size: 30rpx;font-weight: 600;color: #1F1F1F;">阿迪达斯官方旗舰店</view>
<view style="font-size: 24rpx;color: #999;margin-top: 30rpx;">开业时间：2021-03-23</view>
</view>
<view style="position: absolute;top: 28rpx;right: 28rpx; color: #888;font-size: 24rpx;">审核中</view>
</view>
</scroll-view>
</view>
</template>
......@@ -8,11 +81,27 @@
export default {
data() {
return {
mainColor:""
}
},
mounted() {
uni.setNavigationBarTitle({
title: '我的认证'
});
this.mainColor = this.$uiConfig.mainColor;
},
methods: {
lower(e) {
// if (this.msg.pageIndex < this.page_count) {
// this.status = "loading";
// this.msg.pageIndex++;
// this.init();
// } else {
// this.isover = true;
// this.status = "nomore";
// }
//TODO 分页加载
},
}
}
</script>
......
pages/kotra/news.vue
View file @ 8eda9f00
......@@ -73,12 +73,12 @@
@search="getList(1)" @custom="getList(1)"></u-search>
</view>
<view style="display: flex;align-items: center;margin-bottom: 30rpx;padding: 0px 15px;">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616490607000_36.png" style="flex:1;width:1px;margin-right: 15rpx;" mode="widthFix"></image>
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616490607000_108.png" style="flex:1;width:1px;margin-left: 15rpx;" mode="widthFix"></image>
<image @click="goNewFirstShop" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616490607000_36.png" style="flex:1;width:1px;margin-right: 15rpx;" mode="widthFix"></image>
<image @click="goMyFirstShop" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616490607000_108.png" style="flex:1;width:1px;margin-left: 15rpx;" mode="widthFix"></image>
</view>
<u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty>
<scroll-view v-else :scroll-y="true" :enable-back-to-top="true" :enable-flex="true"
@scrolltolower="lower" style="height: calc(100vh - 128px);">
@scrolltolower="lower" style="height: calc(100vh - 189px);">
<view style="font-size: 30rpx;font-weight: 700;color: #111;padding: 0 15px;">资讯信息</view>
<view>
<view class="koraNewsList" v-for="(item,index) in dataList" :key="index" @click="goNewsDetail(item)">
......@@ -109,12 +109,16 @@
bg-color="#F6F6F6"
/>
</scroll-view>
<tabbars></tabbars>
</view>
</template>
<script>
import tabbars from '@/components/tabbar/index';
export default {
components:{
tabbars
},
data() {
return {
pageTitle: "首店经济",
......@@ -177,7 +181,17 @@
uni.navigateTo({
url: '/pages/kotra/newsInDetail?Id=' + item.Id
});
}
},
goNewFirstShop(){
uni.navigateTo({
url: '/pages/kotra/firstShop/firstShop'
});
},
goMyFirstShop(){
uni.navigateTo({
url: '/pages/kotra/firstShop/list'
});
},
}
}
</script>
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