<script>
|
export default {
|
name: "heijing"
|
}
|
</script>
|
|
<template>
|
|
<view>
|
<view class="li-bg" style="padding-bottom: 6rpx;">
|
<view class="ttis" style="padding: 15rpx 28rpx;font-weight: 600;font-size: 32rpx;font-size: 32rpx;">影音会员 免费4选1</view>
|
<view style="background: #FFFFFF;border-radius: 24rpx ;padding: 20rpx 20rpx;margin: 6rpx;display: flex;justify-content: space-between">
|
<view style="text-align: center;flex: 1" ><image src="/static/img/quanshou/Y1.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">优酷视频</view></view>
|
<view style="text-align: center;flex: 1" ><image src="/static/img/quanshou/Y2.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">腾讯视频</view></view>
|
<view style="text-align: center;flex: 1" ><image src="/static/img/quanshou/Y3.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">搜狐视频</view></view>
|
<view style="text-align: center;flex: 1" ><image src="/static/img/quanshou/Y4.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">芒果TV</view></view>
|
</view>
|
</view>
|
<view class="li-bg" style="padding-bottom: 6rpx;">
|
<view class="ttis" style="padding: 15rpx 28rpx;font-weight: 600;font-size: 32rpx;font-size: 32rpx;">音频会员 5折各1次</view>
|
<view style="background: #FFFFFF;border-radius: 24rpx ;padding: 30rpx 20rpx;margin: 6rpx;display: flex;justify-content: space-between">
|
<view style="text-align: center;flex: 1" ><image src="/static/img/quanshou/TY1.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">喜马拉雅</view></view>
|
<view style="text-align: center;flex: 1" ><image src="/static/img/quanshou/TY2.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">网易云</view></view>
|
<view style="text-align: center;flex: 1" ><image src="/static/img/quanshou/TY3.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">QQ音乐</view></view>
|
<view style="text-align: center;flex: 1" ><image src="/static/img/quanshou/TY4.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">蜻蜓FM</view></view>
|
<view style="text-align: center;flex: 1" ><image src="/static/img/quanshou/TY5.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">酷狗音乐</view></view>
|
</view>
|
</view>
|
|
<view class="li-bg" style="padding-bottom: 6rpx;">
|
<view class="ttis" style="padding: 15rpx 28rpx;font-weight: 600;font-size: 32rpx;font-size: 32rpx;">茶饮/外卖券 5折起各1次</view>
|
<view style="background: #FFFFFF;border-radius: 24rpx ;padding: 20rpx 20rpx;margin: 6rpx;display: flex;justify-content: space-between">
|
|
<image src="/static/img/quanshou/CY1.png" style="height: 146rpx;width: 120rpx;"></image>
|
<image src="/static/img/quanshou/CY2.png" style="height: 146rpx;width: 120rpx;"></image>
|
<image src="/static/img/quanshou/CY3.png" style="height: 146rpx;width: 120rpx;"></image>
|
<image src="/static/img/quanshou/CY4.png" style="height: 146rpx;width: 120rpx;"></image>
|
<image src="/static/img/quanshou/CY5.png" style="height: 146rpx;width: 120rpx;"></image>
|
</view>
|
</view>
|
|
|
<view class="li-bg" style="padding-bottom: 6rpx;">
|
<view class="ttis" style="padding: 15rpx 28rpx;font-weight: 600;font-size: 32rpx;font-size: 32rpx;">打车出行 6折起各1次</view>
|
<view style="background: #FFFFFF;border-radius: 24rpx ;padding: 30rpx 20rpx;margin: 6rpx;display: flex;justify-content: space-between">
|
|
<image src="/static/img/quanshou/DC1.png" style="height: 146rpx;width: 200rpx;"></image>
|
<image src="/static/img/quanshou/DC2.png" style="height: 146rpx;width: 200rpx;"></image>
|
<image src="/static/img/quanshou/DC3.png" style="height: 146rpx;width: 200rpx;"></image>
|
</view>
|
</view>
|
<view class="li-bg" style="padding-bottom: 6rpx;">
|
<view class="ttis" style="padding: 15rpx 28rpx;font-weight: 600;font-size: 32rpx;font-size: 32rpx;">乐享生活 部分免费各1次</view>
|
<view style="background: #FFFFFF;border-radius: 24rpx ;padding: 20rpx 20rpx 0 20rpx;margin: 6rpx;display: flex;justify-content: space-between;flex-wrap: wrap">
|
|
<image src="/static/img/quanshou/LX1.png" style="height: 96rpx;width: 200rpx; margin-bottom: 20rpx;"></image>
|
<image src="/static/img/quanshou/LX2.png" style="height: 96rpx;width: 200rpx; margin-bottom: 20rpx;"></image>
|
<image src="/static/img/quanshou/LX3.png" style="height: 96rpx;width: 200rpx; margin-bottom: 20rpx;"></image>
|
<image src="/static/img/quanshou/LX4.png" style="height: 96rpx;width: 200rpx; margin-bottom: 20rpx;"></image>
|
<image src="/static/img/quanshou/LX5.png" style="height: 96rpx;width: 200rpx; margin-bottom: 20rpx;"></image>
|
<image src="/static/img/quanshou/LX6.png" style="height: 96rpx;width: 200rpx; margin-bottom: 20rpx;"></image>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<style scoped lang="scss">
|
.li-bg{
|
background: linear-gradient( 138deg, #CED5E8 0%, #C9D5DF 68%, #B8D2F4 100%);
|
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
margin-top: 20rpx;
|
}
|
</style>
|
