Skip to content

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

1

parent 95108eed
Hide 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" <view class="con" v-if="dataObj.listStyle == 5">
<view class="left">
v-if="dataObj.showCat" <view v-for="(item, index) in curDataObj.goodsList" :key="index" v-if="index % 2 == 0"
></u-tabs> class="left-item">
<u-empty <image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
v-if="curDataObj.goodsList.length == 0" <view class="flex between CreateByInfo">
text="暂无内容" <view class="flex CreateByName" @click="jumpPagePerson(item)">
mode="list" <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
></u-empty> {{ item.CreateBy }}
<view v-if="curDataObj.goodsList.length > 0" :style="{'background-color':dataObj.background?dataObj.background:'#fff'}"> </view>
<view class="con" v-if="dataObj.listStyle == 5"> <view class="flex zanNum">
<view class="left"> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
<view class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
v-for="(item, index) in curDataObj.goodsList" v-if="item.IsDianZan == 0"></image>
:key="index" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
v-if="index % 2 == 0" class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
class="left-item" v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
> </view>
<image </view>
:src="item.picUrl" </view>
class="item-img" </view>
mode="widthFix" <view class="right">
@click="jumpPage(item)" <view v-for="(item, index) in curDataObj.goodsList" :key="index" v-if="index % 2 == 1"
></image> class="left-item">
<view class="flex between CreateByInfo"> <image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
<view class="flex CreateByName" @click="jumpPagePerson(item)"> <view class="flex between CreateByInfo">
<image <view class="flex CreateByName" @click="jumpPagePerson(item)">
:src="item.CreateByIco" <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
class="item-headimg" {{ item.CreateBy }}
mode="aspectFill" </view>
></image> <view class="flex zanNum">
{{ item.CreateBy }} <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
</view> class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
<view class="flex zanNum"> v-if="item.IsDianZan == 0"></image>
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png" class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
class="item-zanimg" v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
mode="aspectFill" </view>
@click="dianzan(item)" </view>
v-if="item.IsDianZan == 0" </view>
></image </view>
><image </view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png" <view class="con2" v-if="dataObj.listStyle == -1">
class="item-zanimg" <view class="list">
mode="aspectFill" <view v-for="(item, index) in curDataObj.goodsList" :key="index" class="list-item">
@click="quxiaodianzan(item)" <image :src="item.picUrl" class="list-item-img" mode="widthFix" @click="jumpPage(item)">
v-if="item.IsDianZan > 0" </image>
></image <view class="flex between CreateByInfo">
>{{ item.DianZanNum }} <view class="flex CreateByName" @click="jumpPagePerson(item)">
</view> <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
</view> {{ item.CreateBy }}
</view> </view>
</view> <view class="flex zanNum">
<view class="right"> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
<view class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
v-for="(item, index) in curDataObj.goodsList" v-if="item.IsDianZan == 0"></image>
:key="index" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
v-if="index % 2 == 1" class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
class="left-item" v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
> </view>
<image </view>
:src="item.picUrl" </view>
class="item-img" </view>
mode="widthFix" </view>
@click="jumpPage(item)" </view>
></image> </view>
<view class="flex between CreateByInfo"> <view v-if="!dataObj.showCat">
<view class="flex CreateByName" @click="jumpPagePerson(item)"> <u-empty v-if="dataList.length == 0" text="暂无内容" mode="list"></u-empty>
<image <view v-if="dataList.length > 0"
:src="item.CreateByIco" :style="{'background-color':dataObj.backgroundColor?dataObj.backgroundColor:'#fff'}">
class="item-headimg" <view class="con" v-if="dataObj.listStyle == 5">
mode="aspectFill" <view class="left">
></image> <view v-for="(item, index) in dataList" :key="index" v-if="index % 2 == 0" class="left-item">
{{ item.CreateBy }} <image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
</view> <view class="flex between CreateByInfo">
<view class="flex zanNum"> <view class="flex CreateByName" @click="jumpPagePerson(item)">
<image <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png" {{ item.CreateBy }}
class="item-zanimg" </view>
mode="aspectFill" <view class="flex zanNum">
@click="dianzan(item)" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
v-if="item.IsDianZan == 0" class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
></image v-if="item.IsDianZan == 0"></image>
><image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png" class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
class="item-zanimg" v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
mode="aspectFill" </view>
@click="quxiaodianzan(item)" </view>
v-if="item.IsDianZan > 0" </view>
></image </view>
>{{ item.DianZanNum }} <view class="right">
</view> <view v-for="(item, index) in dataList" :key="index" v-if="index % 2 == 1" class="left-item">
</view> <image :src="item.picUrl" class="item-img" mode="widthFix" @click="jumpPage(item)"></image>
</view> <view class="flex between CreateByInfo">
</view> <view class="flex CreateByName" @click="jumpPagePerson(item)">
</view> <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
<view class="con2" v-if="dataObj.listStyle == -1"> {{ item.CreateBy }}
<view class="list"> </view>
<view <view class="flex zanNum">
v-for="(item, index) in curDataObj.goodsList" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
:key="index" class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
class="list-item" v-if="item.IsDianZan == 0"></image>
> <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
<image class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
:src="item.picUrl" v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
class="list-item-img" </view>
mode="widthFix" </view>
@click="jumpPage(item)" </view>
></image> </view>
<view class="flex between CreateByInfo"> </view>
<view class="flex CreateByName" @click="jumpPagePerson(item)"> <view class="con2" v-if="dataObj.listStyle == -1">
<image <view class="list">
:src="item.CreateByIco" <view v-for="(item, index) in curDataObj.goodsList" :key="index" class="list-item">
class="item-headimg" <image :src="item.picUrl" class="list-item-img" mode="widthFix" @click="jumpPage(item)">
mode="aspectFill" </image>
></image> <view class="flex between CreateByInfo">
{{ item.CreateBy }} <view class="flex CreateByName" @click="jumpPagePerson(item)">
</view> <image :src="item.CreateByIco" class="item-headimg" mode="aspectFill"></image>
<view class="flex zanNum"> {{ item.CreateBy }}
<image </view>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png" <view class="flex zanNum">
class="item-zanimg" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/weizan.png"
mode="aspectFill" class="item-zanimg" mode="aspectFill" @click="dianzan(item)"
@click="dianzan(item)" v-if="item.IsDianZan == 0"></image>
v-if="item.IsDianZan == 0" <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png"
></image class="item-zanimg" mode="aspectFill" @click="quxiaodianzan(item)"
><image v-if="item.IsDianZan > 0"></image>{{ item.DianZanNum }}
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/yizan.png" </view>
class="item-zanimg" </view>
mode="aspectFill" </view>
@click="quxiaodianzan(item)" </view>
v-if="item.IsDianZan > 0" </view>
></image </view>
>{{ item.DianZanNum }} </view>
</view>
</view>
</view>
</view>
</view>
</view>
<view
class="choosetype"
:style="{ background: mainColor }"
v-if="isShowFabu"
>
<view class="fabutiezi" @click="jumpfabu(1)">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/tiezifabu.png"
mode=""
class="img"
/>
发布帖子
</view>
<view class="fabuhuodong" @click="jumpfabu(2)">
<image
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/huodongfabu.png"
mode=""
class="img"
/>
发布活动
</view>
</view>
<!-- <view <view class="choosetype" :style="{ background: mainColor }" v-if="isShowFabu">
<view class="fabutiezi" @click="jumpfabu(1)">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/tiezifabu.png" mode=""
class="img" />
发布帖子
</view>
<view class="fabuhuodong" @click="jumpfabu(2)">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/huodongfabu.png" mode=""
class="img" />
发布活动
</view>
</view>
<!-- <view
class="fabuBtn" class="fabuBtn"
:style="{ background: mainColor }" :style="{ background: mainColor }"
> >
发布 发布
</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" <text style="font-size: 10px; color: #fff">发布</text>
mode="aspectFit" </view>
></image>
<text style="font-size: 10px; color: #fff">发布</text>
</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" </view>
@gbAuth="gbAuth"
></auth>
<u-modal
v-model="show"
:content="showtext"
:show-cancel-button="true"
@confirm="queren"
></u-modal>
</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,
}, },
data() { data() {
return { return {
current: 0, current: 0,
mainColor: "", mainColor: "",
curDataObj: {}, curDataObj: {},
isShowFabu: false, dataList: [],
show: false, isShowFabu: false,
showtext: "", show: false,
u: {}, showtext: "",
isAttestation: 0, u: {},
activeTab:{ isAttestation: 0,
color:'#111111', activeTab: {
'font-weight': 800, color: '#111111',
'font-size':'34rpx' 'font-weight': 800,
}, 'font-size': '34rpx'
barStyle:{ },
height:'6rpx', barStyle: {
} height: '6rpx',
}; }
}, };
computed: {}, },
methods: { computed: {},
change(e) { methods: {
this.current = e; change(e) {
this.dataObj.catList.map((item, index) => { this.current = e;
if (index === e) { this.dataObj.catList.map((item, index) => {
this.curDataObj = JSON.parse(JSON.stringify(item)); if (index === e) {
return; this.curDataObj = JSON.parse(JSON.stringify(item));
} return;
}); }
}, });
jumpPage(item) { },
if (item.IsTieZi === 1) { jumpPage(item) {
uni.navigateTo({ if (item.IsTieZi === 1) {
url: "/pages/blindDate/postDetails2?Id=" + item.id, uni.navigateTo({
}); url: "/pages/blindDate/postDetails2?Id=" + item.id,
} else if (item.IsTieZi === 0) { });
uni.navigateTo({ } else if (item.IsTieZi === 0) {
url: "/pages/blindDate/postDetails?Id=" + item.id, uni.navigateTo({
}); url: "/pages/blindDate/postDetails?Id=" + item.id,
} });
}, }
jumpPagePerson(item) { },
uni.navigateTo({ jumpPagePerson(item) {
url: "/pages/blindDate/persondetails?UserId=" + item.CreateById, uni.navigateTo({
}); url: "/pages/blindDate/persondetails?UserId=" + item.CreateById,
}, });
toggleFabu() { },
this.isShowFabu = !this.isShowFabu; toggleFabu() {
}, this.isShowFabu = !this.isShowFabu;
jumpfabu(type) { },
this.u = uni.getStorageSync("mall_UserInfo"); jumpfabu(type) {
if (!this.u) { this.u = uni.getStorageSync("mall_UserInfo");
this.u = { if (!this.u) {
nickName: "未登录", this.u = {
avatarUrl: "", nickName: "未登录",
}; avatarUrl: "",
this.showAuth = true; };
} else { this.showAuth = true;
if (this.isAttestation == 1) { } else {
//判断是否认证了 if (this.isAttestation == 1) {
// uni.navigateTo({ //判断是否认证了
// url: "/pages/blindDate/postPublishing?ForumId=" + this.msg.ForumId, // uni.navigateTo({
// }); // url: "/pages/blindDate/postPublishing?ForumId=" + this.msg.ForumId,
if (type === 1) { // });
uni.navigateTo({ if (type === 1) {
url: "/pages/blindDate/releasePosts", uni.navigateTo({
}); url: "/pages/blindDate/releasePosts",
} else { });
uni.navigateTo({ } else {
url: "/pages/blindDate/postPublishing", uni.navigateTo({
}); url: "/pages/blindDate/postPublishing",
} });
} else if (this.isAttestation == 0) { }
this.show = true; } else if (this.isAttestation == 0) {
this.showtext = "还未认证，是否去认证？"; this.show = true;
} else if (this.isAttestation == 2) { this.showtext = "还未认证，是否去认证？";
this.show = true; } else if (this.isAttestation == 2) {
this.showtext = "还未上传身份证信息,是否去上传？"; this.show = true;
} this.showtext = "还未上传身份证信息,是否去上传？";
} }
}, }
queren() { },
let mall_UserInfo = uni.getStorageSync("mall_UserInfo") queren() {
? uni.getStorageSync("mall_UserInfo") let mall_UserInfo = uni.getStorageSync("mall_UserInfo") ?
: null; uni.getStorageSync("mall_UserInfo") :
if (mall_UserInfo != null) { null;
if (this.isAttestation == 0) { if (mall_UserInfo != null) {
uni.navigateTo({ if (this.isAttestation == 0) {
url: uni.navigateTo({
"/pages/blindDate/editData?UserId=" + url: "/pages/blindDate/editData?UserId=" +
mall_UserInfo.UserId + mall_UserInfo.UserId +
"&Jumptype=2&type=1", "&Jumptype=2&type=1",
}); });
} else if (this.isAttestation == 2) { } else if (this.isAttestation == 2) {
uni.navigateTo({ uni.navigateTo({
url: "/pages/blindDate/personal/IDidentification?Jumptype=2", url: "/pages/blindDate/personal/IDidentification?Jumptype=2",
}); });
} }
} }
}, },
//点赞 //点赞
dianzan(item) { dianzan(item) {
let msg = { let msg = {
ID: 0, ID: 0,
ActivityId: item.id, ActivityId: item.id,
ActivityDiscussId: 0, ActivityDiscussId: 0,
IsSelectActivity: 1, IsSelectActivity: 1,
}; };
this.request2( this.request2({
{ url: "/api/AppletMiai/GetDianZan",
url: "/api/AppletMiai/GetDianZan", data: msg,
data: msg, },
}, (res) => {
(res) => { if (res.resultCode == 1) {
if (res.resultCode == 1) { uni.showToast({
uni.showToast({ title: res.message,
title: res.message, duration: 2000,
duration: 2000, icon: "none",
icon: "none", });
}); this.$emit("refresh");
this.$emit("refresh"); uni.reLaunch({
uni.reLaunch({ url: "/pages/index/index",
url: "/pages/index/index", });
}); }
} }
} );
); },
}, //取消点赞
//取消点赞 quxiaodianzan(item) {
quxiaodianzan(item) { let msg = {
let msg = { ID: item.IsDianZan,
ID: item.IsDianZan, ActivityId: item.id,
ActivityId: item.id, ActivityDiscussId: 0,
ActivityDiscussId: 0, IsSelectActivity: 1,
IsSelectActivity: 1, };
}; this.request2({
this.request2( url: "/api/AppletMiai/GetDianZan",
{ data: msg,
url: "/api/AppletMiai/GetDianZan", },
data: msg, (res) => {
}, if (res.resultCode == 1) {
(res) => { uni.showToast({
if (res.resultCode == 1) { title: res.message,
uni.showToast({ duration: 2000,
title: res.message, icon: "none",
duration: 2000, });
icon: "none", this.$emit("refresh");
}); uni.reLaunch({
this.$emit("refresh"); url: "/pages/index/index",
uni.reLaunch({ });
url: "/pages/index/index", }
}); }
} );
} },
); getisAttestation() {
}, //认证成功
getisAttestation() { this.request2({
//认证成功 url: "/api/Mall/GetHome",
this.request2( data: {
{ page_id: 0,
url: "/api/Mall/GetHome", open_school: 0,
data: { page_id: 0, open_school: 0, StoreId: 0 }, StoreId: 0
}, },
(res) => { },
uni.setStorageSync("basedata", res.data); (res) => {
let basedata = wx.getStorageSync("basedata"); uni.setStorageSync("basedata", res.data);
this.isAttestation = basedata.user_info.isAttestation let basedata = wx.getStorageSync("basedata");
? basedata.user_info.isAttestation this.isAttestation = basedata.user_info.isAttestation ?
: 0; basedata.user_info.isAttestation :
this.isFaTie = basedata.user_info.isFaTie 0;
? basedata.user_info.isFaTie this.isFaTie = basedata.user_info.isFaTie ?
: 0; basedata.user_info.isFaTie :
}, 0;
(error) => {} },
); (error) => {}
}, );
}, },
mounted() { },
this.getisAttestation(); mounted() {
console.log("388", this.dataObj); this.getisAttestation();
this.mainColor = this.$uiConfig.mainColor; console.log("388", this.dataObj);
this.dataObj.catList.map((item, index) => { this.mainColor = this.$uiConfig.mainColor;
if (index === this.current) { this.dataObj.catList.map((item, index) => {
this.curDataObj = JSON.parse(JSON.stringify(item)); if (index === this.current) {
return; this.curDataObj = JSON.parse(JSON.stringify(item));
} 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 {
justify-content: space-between;
}
.con {
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding-bottom: 90rpx;
padding: 30rpx;
// background-color: #eaebec;
}
.CreateByInfo {
background-color: #fff;
height: 90rpx;
box-sizing: border-box;
padding: 0 30rpx;
}
.CreateByName,
.zanNum {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #111111;
}
.item-img {
width: 100%;
height: auto;
display: block;
min-height: 20rpx;
}
.item-headimg {
width: 50rpx;
height: 50rpx;
border-radius: 50%;
margin-right: 10rpx;
}
.item-zanimg {
width: 26rpx;
height: 28rpx;
border-radius: 50%;
margin-right: 10rpx;
}
.left,
.right {
width: 330rpx;
.left-item {
width: 100%;
height: auto;
margin-bottom: 30rpx;
border-radius: 30rpx;
overflow: hidden;
box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2);
// display: flex;
// flex-wrap: wrap;
}
}
// -----------列表模式样式-----------
.con2 {
box-sizing: border-box;
padding-bottom: 90rpx;
padding: 30rpx;
// background-color: #eaebec;
}
.between { .list-item {
justify-content: space-between; width: 100%;
} margin-bottom: 30rpx;
border-radius: 30rpx;
overflow: hidden;
}
.con { .list-item-img {
display: flex; width: 100%;
justify-content: space-between; height: 20rpx;
box-sizing: border-box; }
padding-bottom: 90rpx;
padding: 30rpx;
// background-color: #eaebec;
}
.CreateByInfo {
background-color: #fff;
height: 90rpx;
box-sizing: border-box;
padding: 0 30rpx;
}
.CreateByName,
.zanNum {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #111111;
}
.item-img { .choosetype {
width: 100%; position: fixed;
height: auto; right: 20rpx;
display:block; bottom: 270rpx;
min-height: 20rpx; width: 480rpx;
} height: 100rpx;
// background-color: #00c6c1;
border-radius: 50rpx;
display: flex;
align-items: center;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
.item-headimg { .fabutiezi,
width: 50rpx; .fabuhuodong {
height: 50rpx; width: 50%;
border-radius: 50%; display: flex;
margin-right: 10rpx; align-items: center;
} justify-content: center;
.item-zanimg { .img {
width: 26rpx; width: 30rpx;
height: 28rpx; height: 30rpx;
border-radius: 50%; margin-right: 10rpx;
margin-right: 10rpx; }
} }
}
.left, // .fabuBtn {
.right { // position: fixed;
width: 330rpx; // right: 30rpx;
.left-item { // bottom: 130rpx;
width: 100%; // width: 100rpx;
height: auto; // height: 100rpx;
margin-bottom: 30rpx; // // background-color: #00c6c1;
border-radius: 30rpx; // border-radius: 50%;
overflow: hidden; // text-align: center;
box-shadow: 0rpx 10rpx 30rpx 0rpx rgba(36, 36, 36, 0.2); // line-height: 99rpx;
// display: flex; // font-size: 32rpx;
// flex-wrap: wrap; // font-family: PingFang SC;
} // font-weight: 500;
} // color: #ffffff;
// -----------列表模式样式----------- // }
.con2 { .fbanniu {
box-sizing: border-box; width: 42px;
padding-bottom: 90rpx; height: 42px;
padding: 30rpx; border-radius: 21px;
// background-color: #eaebec; position: fixed;
} right: 20rpx;
.list-item { bottom: 180rpx;
width: 100%; background: #40766e;
margin-bottom: 30rpx; display: flex;
border-radius: 30rpx; flex-direction: column;
overflow: hidden; align-items: center;
} justify-content: center;
.list-item-img { z-index: 99;
width: 100%; }
height: 20rpx;
}
.choosetype {
position: fixed;
right: 20rpx;
bottom: 270rpx;
width: 480rpx;
height: 100rpx;
// background-color: #00c6c1;
border-radius: 50rpx;
display: flex;
align-items: center;
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
.fabutiezi,
.fabuhuodong {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
.img {
width: 30rpx;
height: 30rpx;
margin-right: 10rpx;
}
}
}
// .fabuBtn {
// position: fixed;
// right: 30rpx;
// bottom: 130rpx;
// width: 100rpx;
// height: 100rpx;
// // background-color: #00c6c1;
// border-radius: 50%;
// text-align: center;
// line-height: 99rpx;
// font-size: 32rpx;
// font-family: PingFang SC;
// font-weight: 500;
// color: #ffffff;
// }
.fbanniu {
width: 42px;
height: 42px;
border-radius: 21px;
position: fixed;
right: 20rpx;
bottom: 180rpx;
background: #40766e;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
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