Skip to content

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

1

parent 95108eed
Show whitespace changes
Inline Side-by-side
Showing with 506 additions and 521 deletions
components/pubu/index.vue
View file @ d09a626e
<template> <template>
<view class=""> <view class="">
<u-tabs <u-tabs :list="dataObj.catList" :current="current" :active-color="mainColor" @change="change"
:list="dataObj.catList" :active-item-style="activeTab" :bar-style="barStyle" style="margin-bottom: 30rpx" v-if="dataObj.showCat">
:current="current" </u-tabs>
:active-color="mainColor" <view v-if="dataObj.showCat">
@change="change" <u-empty v-if="curDataObj.goodsList.length == 0" text="暂无内容" mode="list"></u-empty>
:active-item-style="activeTab" <view v-if="curDataObj.goodsList.length > 0"
:bar-style="barStyle" :style="{'background-color':dataObj.backgroundColor?dataObj.backgroundColor:'#fff'}">
style="margin-bottom: 30rpx"
v-if="dataObj.showCat"
></u-tabs>
<u-empty
v-if="curDataObj.goodsList.length == 0"
text="暂无内容"
mode="list"
></u-empty>
<view v-if="curDataObj.goodsList.length > 0" :style="{'background-color':dataObj.background?dataObj.background:'#fff'}">
<view class="con" v-if="dataObj.listStyle == 5"> <view class="con" v-if="dataObj.listStyle == 5">
<view class="left"> <view class="left">
<view <view v-for="(item, index) in curDataObj.goodsList" :key="index" v-if="index % 2 == 0"
v-for="(item, index) in curDataObj.goodsList" class="left-item">
:key="index" <image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
v-if="index % 2 == 0"
class="left-item"
>
<image
:src="item.picUrl"
class="item-img"
mode="widthFix"
@click="jumpPage(item)"
></image>
<view class="flex between CreateByInfo"> <view class="flex between CreateByInfo">
<view class="flex CreateByName" @click="jumpPagePerson(item)"> <view class="flex CreateByName" @click="jumpPagePerson(item)">
<image <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
:src="item.CreateByIco"
class="item-headimg"
mode="aspectFill"
></image>
{{ item.CreateBy }} {{ item.CreateBy }}
</view> </view>
<view class="flex zanNum"> <view class="flex zanNum">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png" class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
class="item-zanimg" v-if="item.IsDianZan == 0"></image>
mode="aspectFill" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
@click="dianzan(item)" class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
v-if="item.IsDianZan == 0" v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
></image
><image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
class="item-zanimg"
mode="aspectFill"
@click="quxiaodianzan(item)"
v-if="item.IsDianZan > 0"
></image
>{{ item.DianZanNum }}
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="right"> <view class="right">
<view <view v-for="(item, index) in curDataObj.goodsList" :key="index" v-if="index % 2 == 1"
v-for="(item, index) in curDataObj.goodsList" class="left-item">
:key="index" <image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
v-if="index % 2 == 1"
class="left-item"
>
<image
:src="item.picUrl"
class="item-img"
mode="widthFix"
@click="jumpPage(item)"
></image>
<view class="flex between CreateByInfo"> <view class="flex between CreateByInfo">
<view class="flex CreateByName" @click="jumpPagePerson(item)"> <view class="flex CreateByName" @click="jumpPagePerson(item)">
<image <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
:src="item.CreateByIco"
class="item-headimg"
mode="aspectFill"
></image>
{{ item.CreateBy }} {{ item.CreateBy }}
</view> </view>
<view class="flex zanNum"> <view class="flex zanNum">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png" class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
class="item-zanimg" v-if="item.IsDianZan == 0"></image>
mode="aspectFill" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
@click="dianzan(item)" class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
v-if="item.IsDianZan == 0" v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
></image
><image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
class="item-zanimg"
mode="aspectFill"
@click="quxiaodianzan(item)"
v-if="item.IsDianZan > 0"
></image
>{{ item.DianZanNum }}
</view> </view>
</view> </view>
</view> </view>
...@@ -105,42 +51,90 @@ ...@@ -105,42 +51,90 @@
</view> </view>
<view class="con2" v-if="dataObj.listStyle == -1"> <view class="con2" v-if="dataObj.listStyle == -1">
<view class="list"> <view class="list">
<view <view v-for="(item, index) in curDataObj.goodsList" :key="index" class="list-item">
v-for="(item, index) in curDataObj.goodsList" <image :src="item.picUrl" class="list-item-img" mode="widthFix" @click="jumpPage(item)">
:key="index" </image>
class="list-item" <view class="flex between CreateByInfo">
> <view class="flex CreateByName" @click="jumpPagePerson(item)">
<image <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
:src="item.picUrl" {{ item.CreateBy }}
class="list-item-img" </view>
mode="widthFix" <view class="flex zanNum">
@click="jumpPage(item)" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
></image> class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
v-if="item.IsDianZan == 0"></image>
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
</view>
</view>
</view>
</view>
</view>
</view>
</view>
<view v-if="!dataObj.showCat">
<u-empty v-if="dataList.length == 0" text="暂无内容" mode="list"></u-empty>
<view v-if="dataList.length > 0"
:style="{'background-color':dataObj.backgroundColor?dataObj.backgroundColor:'#fff'}">
<view class="con" v-if="dataObj.listStyle == 5">
<view class="left">
<view v-for="(item, index) in dataList" :key="index" v-if="index % 2 == 0" class="left-item">
<image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
<view class="flex between CreateByInfo">
<view class="flex CreateByName" @click="jumpPagePerson(item)">
<image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
{{ item.CreateBy }}
</view>
<view class="flex zanNum">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
v-if="item.IsDianZan == 0"></image>
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
</view>
</view>
</view>
</view>
<view class="right">
<view v-for="(item, index) in dataList" :key="index" v-if="index % 2 == 1" class="left-item">
<image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
<view class="flex between CreateByInfo">
<view class="flex CreateByName" @click="jumpPagePerson(item)">
<image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
{{ item.CreateBy }}
</view>
<view class="flex zanNum">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
v-if="item.IsDianZan == 0"></image>
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
</view>
</view>
</view>
</view>
</view>
<view class="con2" v-if="dataObj.listStyle == -1">
<view class="list">
<view v-for="(item, index) in curDataObj.goodsList" :key="index" class="list-item">
<image :src="item.picUrl" class="list-item-img" mode="widthFix" @click="jumpPage(item)">
</image>
<view class="flex between CreateByInfo"> <view class="flex between CreateByInfo">
<view class="flex CreateByName" @click="jumpPagePerson(item)"> <view class="flex CreateByName" @click="jumpPagePerson(item)">
<image <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
:src="item.CreateByIco"
class="item-headimg"
mode="aspectFill"
></image>
{{ item.CreateBy }} {{ item.CreateBy }}
</view> </view>
<view class="flex zanNum"> <view class="flex zanNum">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png" class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
class="item-zanimg" v-if="item.IsDianZan == 0"></image>
mode="aspectFill" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
@click="dianzan(item)" class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
v-if="item.IsDianZan == 0" v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
></image </view>
><image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
class="item-zanimg"
mode="aspectFill"
@click="quxiaodianzan(item)"
v-if="item.IsDianZan > 0"
></image
>{{ item.DianZanNum }}
</view> </view>
</view> </view>
</view> </view>
...@@ -148,25 +142,16 @@ ...@@ -148,25 +142,16 @@
</view> </view>
</view> </view>
<view
class="choosetype" <view class="choosetype" :style="{ background: mainColor }" v-if="isShowFabu">
:style="{ background: mainColor }"
v-if="isShowFabu"
>
<view class="fabutiezi" @click="jumpfabu(1)"> <view class="fabutiezi" @click="jumpfabu(1)">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/tiezifabu.png" mode=""
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/tiezifabu.png" class="img" />
mode=""
class="img"
/>
发布帖子 发布帖子
</view> </view>
<view class="fabuhuodong" @click="jumpfabu(2)"> <view class="fabuhuodong" @click="jumpfabu(2)">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/huodongfabu.png" mode=""
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/huodongfabu.png" class="img" />
mode=""
class="img"
/>
发布活动 发布活动
</view> </view>
</view> </view>
...@@ -180,31 +165,19 @@ ...@@ -180,31 +165,19 @@
</view> --> </view> -->
<!-- 发布动态按钮 --> <!-- 发布动态按钮 -->
<view class="fbanniu" @click="toggleFabu"> <view class="fbanniu" @click="toggleFabu">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/fabupyq.png" style="height: 26rpx"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/fabupyq.png" mode="aspectFit"></image>
style="height: 26rpx"
mode="aspectFit"
></image>
<text style="font-size: 10px; color: #fff">发布</text> <text style="font-size: 10px; color: #fff">发布</text>
</view> </view>
<auth <auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
v-if="showAuth" <u-modal v-model="show" :content="showtext" :show-cancel-button="true" @confirm="queren"></u-modal>
@changeuserinfo="reloadUserinfo"
@gbAuth="gbAuth"
></auth>
<u-modal
v-model="show"
:content="showtext"
:show-cancel-button="true"
@confirm="queren"
></u-modal>
</view> </view>
</template> </template>
<script> <script>
import auth from "@/components/auth/index.vue"; import auth from "@/components/auth/index.vue";
export default { export default {
props: ["dataObj"], props: ["dataObj"],
components: { components: {
auth, auth,
...@@ -214,18 +187,19 @@ export default { ...@@ -214,18 +187,19 @@ export default {
current: 0, current: 0,
mainColor: "", mainColor: "",
curDataObj: {}, curDataObj: {},
dataList: [],
isShowFabu: false, isShowFabu: false,
show: false, show: false,
showtext: "", showtext: "",
u: {}, u: {},
isAttestation: 0, isAttestation: 0,
activeTab:{ activeTab: {
color:'#111111', color: '#111111',
'font-weight': 800, 'font-weight': 800,
'font-size':'34rpx' 'font-size': '34rpx'
}, },
barStyle:{ barStyle: {
height:'6rpx', height: '6rpx',
} }
}; };
}, },
...@@ -292,14 +266,13 @@ export default { ...@@ -292,14 +266,13 @@ export default {
} }
}, },
queren() { queren() {
let mall_UserInfo = uni.getStorageSync("mall_UserInfo") let mall_UserInfo = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo") uni.getStorageSync("mall_UserInfo") :
: null; null;
if (mall_UserInfo != null) { if (mall_UserInfo != null) {
if (this.isAttestation == 0) { if (this.isAttestation == 0) {
uni.navigateTo({ uni.navigateTo({
url: url: "/pages/blindDate/editData?UserId=" +
"/pages/blindDate/editData?UserId=" +
mall_UserInfo.UserId + mall_UserInfo.UserId +
"&Jumptype=2&type=1", "&Jumptype=2&type=1",
}); });
...@@ -318,8 +291,7 @@ export default { ...@@ -318,8 +291,7 @@ export default {
ActivityDiscussId: 0, ActivityDiscussId: 0,
IsSelectActivity: 1, IsSelectActivity: 1,
}; };
this.request2( this.request2({
{
url: "/api/AppletMiai/GetDianZan", url: "/api/AppletMiai/GetDianZan",
data: msg, data: msg,
}, },
...@@ -346,8 +318,7 @@ export default { ...@@ -346,8 +318,7 @@ export default {
ActivityDiscussId: 0, ActivityDiscussId: 0,
IsSelectActivity: 1, IsSelectActivity: 1,
}; };
this.request2( this.request2({
{
url: "/api/AppletMiai/GetDianZan", url: "/api/AppletMiai/GetDianZan",
data: msg, data: msg,
}, },
...@@ -368,20 +339,23 @@ export default { ...@@ -368,20 +339,23 @@ export default {
}, },
getisAttestation() { getisAttestation() {
//认证成功 //认证成功
this.request2( this.request2({
{
url: "/api/Mall/GetHome", url: "/api/Mall/GetHome",
data: { page_id: 0, open_school: 0, StoreId: 0 }, data: {
page_id: 0,
open_school: 0,
StoreId: 0
},
}, },
(res) => { (res) => {
uni.setStorageSync("basedata", res.data); uni.setStorageSync("basedata", res.data);
let basedata = wx.getStorageSync("basedata"); let basedata = wx.getStorageSync("basedata");
this.isAttestation = basedata.user_info.isAttestation this.isAttestation = basedata.user_info.isAttestation ?
? basedata.user_info.isAttestation basedata.user_info.isAttestation :
: 0; 0;
this.isFaTie = basedata.user_info.isFaTie this.isFaTie = basedata.user_info.isFaTie ?
? basedata.user_info.isFaTie basedata.user_info.isFaTie :
: 0; 0;
}, },
(error) => {} (error) => {}
); );
...@@ -397,66 +371,70 @@ export default { ...@@ -397,66 +371,70 @@ export default {
return; return;
} }
}); });
this.dataList = this.dataObj.list
}, },
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.flex { .flex {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.between { .between {
justify-content: space-between; justify-content: space-between;
} }
.con { .con {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 90rpx; padding-bottom: 90rpx;
padding: 30rpx; padding: 30rpx;
// background-color: #eaebec; // background-color: #eaebec;
} }
.CreateByInfo {
.CreateByInfo {
background-color: #fff; background-color: #fff;
height: 90rpx; height: 90rpx;
box-sizing: border-box; box-sizing: border-box;
padding: 0 30rpx; padding: 0 30rpx;
} }
.CreateByName,
.zanNum { .CreateByName,
.zanNum {
font-size: 24rpx; font-size: 24rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #111111; color: #111111;
} }
.item-img { .item-img {
width: 100%; width: 100%;
height: auto; height: auto;
display:block; display: block;
min-height: 20rpx; min-height: 20rpx;
} }
.item-headimg { .item-headimg {
width: 50rpx; width: 50rpx;
height: 50rpx; height: 50rpx;
border-radius: 50%; border-radius: 50%;
margin-right: 10rpx; margin-right: 10rpx;
} }
.item-zanimg { .item-zanimg {
width: 26rpx; width: 26rpx;
height: 28rpx; height: 28rpx;
border-radius: 50%; border-radius: 50%;
margin-right: 10rpx; margin-right: 10rpx;
} }
.left, .left,
.right { .right {
width: 330rpx; width: 330rpx;
.left-item { .left-item {
width: 100%; width: 100%;
height: auto; height: auto;
...@@ -467,25 +445,29 @@ export default { ...@@ -467,25 +445,29 @@ export default {
// display: flex; // display: flex;
// flex-wrap: wrap; // flex-wrap: wrap;
} }
} }
// -----------列表模式样式-----------
.con2 { // -----------列表模式样式-----------
.con2 {
box-sizing: border-box; box-sizing: border-box;
padding-bottom: 90rpx; padding-bottom: 90rpx;
padding: 30rpx; padding: 30rpx;
// background-color: #eaebec; // background-color: #eaebec;
} }
.list-item {
.list-item {
width: 100%; width: 100%;
margin-bottom: 30rpx; margin-bottom: 30rpx;
border-radius: 30rpx; border-radius: 30rpx;
overflow: hidden; overflow: hidden;
} }
.list-item-img {
.list-item-img {
width: 100%; width: 100%;
height: 20rpx; height: 20rpx;
} }
.choosetype {
.choosetype {
position: fixed; position: fixed;
right: 20rpx; right: 20rpx;
bottom: 270rpx; bottom: 270rpx;
...@@ -499,35 +481,38 @@ export default { ...@@ -499,35 +481,38 @@ export default {
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
color: #ffffff; color: #ffffff;
.fabutiezi, .fabutiezi,
.fabuhuodong { .fabuhuodong {
width: 50%; width: 50%;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.img { .img {
width: 30rpx; width: 30rpx;
height: 30rpx; height: 30rpx;
margin-right: 10rpx; margin-right: 10rpx;
} }
} }
} }
// .fabuBtn {
// position: fixed; // .fabuBtn {
// right: 30rpx; // position: fixed;
// bottom: 130rpx; // right: 30rpx;
// width: 100rpx; // bottom: 130rpx;
// height: 100rpx; // width: 100rpx;
// // background-color: #00c6c1; // height: 100rpx;
// border-radius: 50%; // // background-color: #00c6c1;
// text-align: center; // border-radius: 50%;
// line-height: 99rpx; // text-align: center;
// font-size: 32rpx; // line-height: 99rpx;
// font-family: PingFang SC; // font-size: 32rpx;
// font-weight: 500; // font-family: PingFang SC;
// color: #ffffff; // font-weight: 500;
// } // color: #ffffff;
.fbanniu { // }
.fbanniu {
width: 42px; width: 42px;
height: 42px; height: 42px;
border-radius: 21px; border-radius: 21px;
...@@ -540,5 +525,5 @@ export default { ...@@ -540,5 +525,5 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 99; z-index: 99;
} }
</style> </style>
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