43 lines
1.5 KiB
Vue
43 lines
1.5 KiB
Vue
<template>
|
|
<view>
|
|
<view v-if="showShare" @tap="closeShare" style="position: fixed;top: 0;right: 0;left: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index: 10;">
|
|
</view>
|
|
<view v-if="showShare" style="display: flex;flex-direction: column;justify-content: space-around;
|
|
position: fixed;bottom: 0;left: 0;right: 0;z-index: 100; background-color: #FFFFFF;padding: 40rpx;">
|
|
<view class="posir" v-for="(item,index) in cateArr" :key="index" style="display: flex;justify-content: center;align-items: center;flex-direction: column;width: 25%;">
|
|
<image style="width: 100rpx;height: 100rpx;margin-bottom: 10rpx;" :src="item.src" mode=""></image>
|
|
<view class="fon28 color33">{{item.title}}</view>
|
|
<button data-name="shareBtn" open-type="share" plain="true" class="posia" style="top: 0;left: 0;right: 0;bottom: 0;opacity: 0;">分享</button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name:'shareAll',
|
|
props:{
|
|
showShare:{
|
|
type:Boolean,
|
|
default:false
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
cateArr:[
|
|
{src:'/static/img/share/weix.png',title:'微信好友'},
|
|
]
|
|
};
|
|
},
|
|
methods:{
|
|
closeShare(){
|
|
this.$emit('closeShare')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|