From ae5f1ea03be87c76e0eefd0a00c34dab4163ec56 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 02 九月 2025 15:01:05 +0800
Subject: [PATCH] 启动页样式修改
---
src/pages_template/pages/coupon/components/taobao-coupon.vue | 140 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 140 insertions(+), 0 deletions(-)
diff --git a/src/pages_template/pages/coupon/components/taobao-coupon.vue b/src/pages_template/pages/coupon/components/taobao-coupon.vue
new file mode 100644
index 0000000..c12d2fb
--- /dev/null
+++ b/src/pages_template/pages/coupon/components/taobao-coupon.vue
@@ -0,0 +1,140 @@
+<script setup lang="ts">
+import logo from '@/static/logo.png';
+</script>
+<template>
+ <view class="taobao">
+ <view class="title">
+ <view class="left">
+ <image class="buddha" :src="logo" mode="aspectFill"></image>
+ <view class="store">琚滃瓙绮句繚鎶ゅ崗浼�</view>
+ </view>
+ <view class="entrance">杩涘簵</view>
+ </view>
+ <view class="ticket">
+ <view class="left">
+ <image class="picture" :src="logo" mode="widthFix"></image>
+ <view class="introduce">
+ <view class="top">
+ 锟�
+ <text class="big">3</text>
+ 婊�88鍑�3
+ </view>
+ <view class="type">搴楅摵浼樻儬鍒�</view>
+ <view class="date u-line-1">2019.11.28-2020.1.24</view>
+ </view>
+ </view>
+ <view class="right">
+ <view class="use immediate-use" :round="true">鍘讳娇鐢�</view>
+ </view>
+
+ </view>
+ </view>
+</template>
+<style scoped lang="scss">
+.taobao {
+ margin-top: 40rpx;
+ width: 700rpx;
+ background-color: white;
+ padding: 30rpx 20rpx 20rpx;
+ border-radius: 20rpx;
+
+ .title {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 20rpx;
+ font-size: 30rpx;
+
+ .left {
+ display: flex;
+ align-items: center;
+ }
+
+ .store {
+ font-weight: 500;
+ }
+
+ .buddha {
+ width: 70rpx;
+ height: 70rpx;
+ border-radius: 10rpx;
+ margin-right: 10rpx;
+ }
+
+ .entrance {
+ color: $u-info;
+ border: solid 2rpx $u-info;
+ line-height: 48rpx;
+ padding: 0 30rpx;
+ background: none;
+ border-radius: 15px;
+ }
+ }
+
+ .ticket {
+ display: flex;
+
+ .left {
+ width: 70%;
+ padding: 30rpx 20rpx;
+ background-color: rgb(255, 245, 244);
+ border-radius: 20rpx;
+ border-right: dashed 2rpx rgb(224, 215, 211);
+ display: flex;
+
+ .picture {
+ width: 172rpx;
+ height: 172rpx;
+ border-radius: 20rpx;
+ }
+
+ .introduce {
+ margin-left: 10rpx;
+
+ .top {
+ color: $u-warning;
+ font-size: 28rpx;
+
+ .big {
+ font-size: 60rpx;
+ font-weight: bold;
+ margin-right: 10rpx;
+ }
+ }
+
+ .type {
+ font-size: 28rpx;
+ color: $u-info-dark;
+ }
+
+ .date {
+ margin-top: 10rpx;
+ font-size: 20rpx;
+ color: $u-info-dark;
+ }
+ }
+ }
+
+ .right {
+ width: 30%;
+ padding: 40rpx 20rpx;
+ background-color: rgb(255, 245, 244);
+ border-radius: 20rpx;
+ display: flex;
+ align-items: center;
+
+ .use {
+ height: auto;
+ padding: 0 20rpx;
+ font-size: 24rpx;
+ border-radius: 40rpx;
+ color: #ffffff !important;
+ background-color: $u-warning !important;
+ line-height: 40rpx;
+ color: rgb(117, 142, 165);
+ margin-left: 20rpx;
+ }
+ }
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.3