<script>
|
export default {
|
name: "heijing"
|
}
|
</script>
|
|
<template>
|
|
<view>
|
<view class="li-bg" style="padding-bottom: 6rpx;">
|
<view class="linear-gradient" style="padding: 15rpx 28rpx;font-weight: 600;font-size: 32rpx;font-size: 32rpx;color: #C79372;display: flex">
|
<view style="display: flex;flex-direction: column;justify-content: center">5折购视频会员</view>
|
<view style="color: #2E2729;background: #F1CFB4;border-radius: 8rpx 8rpx 8rpx 8rpx;padding: 8rpx 20rpx;margin-left: 20rpx;font-size: 24rpx;">4选1 | x12次</view></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/Y1.png" style="width: 108rpx;height: 108rpx;"></image>
|
<view style="color: #121212;font-size: 20rpx;">优酷视频</view>
|
<view style="font-size: 20rpx;color: #666666;">30元/月</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 style="font-size: 20rpx;color: #666666;">30元/月</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 style="font-size: 20rpx;color: #666666;">30元/月</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 style="font-size: 20rpx;color: #666666;">30元/月</view></view>
|
</view>
|
</view>
|
|
|
<view class="li-bg" style="padding-bottom: 6rpx;">
|
<view class="linear-gradient" style="padding: 15rpx 28rpx;font-weight: 600;font-size: 32rpx;font-size: 32rpx;color: #C79372;display: flex">
|
<view style="display: flex;flex-direction: column;justify-content: center">音频会员 5折各1次</view>
|
<view style="color: #2E2729;background: #F1CFB4;border-radius: 8rpx 8rpx 8rpx 8rpx;padding: 8rpx 20rpx;margin-left: 20rpx;font-size: 24rpx;">6选1 | x12次</view></view>
|
<view style="background: #FFFFFF;border-radius: 24rpx ;padding: 30rpx 20rpx;margin: 6rpx;;flex-wrap: wrap">
|
|
|
<view style="text-align: center;display:inline-block;flex: 1;width: 25%;margin-bottom: 20rpx;" ><image src="/static/img/quanshou/TY1.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">喜马拉雅</view><view style="font-size: 20rpx;color: #666666;">25元/月</view></view>
|
<view style="text-align: center;display:inline-block;flex: 1;width: 25%;margin-bottom: 20rpx;" ><image src="/static/img/quanshou/TY2.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">网易云</view><view style="font-size: 20rpx;color: #666666;">18元/月</view></view>
|
<view style="text-align: center;display:inline-block;flex: 1;width: 25%;margin-bottom: 20rpx;" ><image src="/static/img/quanshou/TY3.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">QQ音乐</view><view style="font-size: 20rpx;color: #666666;">18元/月</view></view>
|
<view style="text-align: center;display:inline-block;flex: 1;width: 25%;margin-bottom: 20rpx;" ><image src="/static/img/quanshou/TY5.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">酷狗音乐</view><view style="font-size: 20rpx;color: #666666;">18元/月</view></view>
|
|
<view style="text-align: center;display:inline-block;flex: 1;width: 25%;margin-bottom: 0rpx;" ><image src="/static/img/quanshou/TY4.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">蜻蜓FM</view><view style="font-size: 20rpx;color: #666666;">25元/月</view></view>
|
<view style="text-align: center;display:inline-block;flex: 1;width: 25%;margin-bottom: 0rpx;" ><image src="/static/img/quanshou/TY99.png" style="width: 108rpx;height: 108rpx;"></image><view style="color: #121212;font-size: 20rpx;">懒人听书</view><view style="font-size: 20rpx;color: #666666;">15/月</view></view>
|
|
</view>
|
</view>
|
|
|
|
<view class="li-bg" style="padding-bottom: 6rpx;">
|
<view class="linear-gradient" style="padding: 15rpx 28rpx;font-weight: 600;font-size: 32rpx;font-size: 32rpx;color: #C79372;display: flex">
|
<view style="display: flex;flex-direction: column;justify-content: center">5折购生活出行</view>
|
<view style="color: #2E2729;background: #F1CFB4;border-radius: 8rpx 8rpx 8rpx 8rpx;padding: 8rpx 20rpx;margin-left: 20rpx;font-size: 24rpx;">3选1 | x12次</view></view>
|
<view style="background: #FFFFFF;border-radius: 24rpx ;padding: 30rpx 20rpx;margin: 6rpx;display: flex;justify-content: space-between">
|
|
<image src="/static/img/quanshou/ZQ1.png" style="height: 148rpx;width: 200rpx; margin-bottom: 20rpx;"></image>
|
<image src="/static/img/quanshou/ZQ2.png" style="height: 148rpx;width: 200rpx; margin-bottom: 20rpx;"></image>
|
<image src="/static/img/quanshou/ZQ3.png" style="height: 148rpx;width: 200rpx; margin-bottom: 20rpx;"></image>
|
</view>
|
</view>
|
|
|
<view class="li-bg" style="padding-bottom: 6rpx;">
|
<view class="linear-gradient" style="padding: 15rpx 28rpx;font-weight: 600;font-size: 32rpx;font-size: 32rpx;color: #C79372;display: flex">
|
<view style="display: flex;flex-direction: column;justify-content: center">零食大礼包</view>
|
<view style="color: #2E2729;background: #F1CFB4;border-radius: 8rpx 8rpx 8rpx 8rpx;padding: 8rpx 20rpx;margin-left: 20rpx;font-size: 24rpx;">可领3次</view></view>
|
<view style="background: #FFFFFF;border-radius: 24rpx ;padding: 30rpx 20rpx;margin: 6rpx;display: flex;justify-content: space-between">
|
|
<image src="/static/img/quanshou/LS1.png" style="height: 140rpx;width:100%; margin-bottom: 20rpx;"></image>
|
</view>
|
</view>
|
|
</view>
|
</template>
|
|
<style scoped lang="scss">
|
.li-bg{
|
background: linear-gradient( 138deg, #4D4342 0%, #231D21 68%, #4A4242 100%);
|
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
margin-top: 20rpx;
|
}
|
.gradient-text {
|
color: #C79372;
|
}
|
</style>
|
