第一次上传
This commit is contained in:
@@ -0,0 +1,56 @@
|
||||
<script setup lang="ts">
|
||||
import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
|
||||
import { Service } from "@/Service/Service"
|
||||
onLaunch((data) => {
|
||||
// #ifdef MP-ALIPAY
|
||||
Service.SetStorageCache('quer',data)
|
||||
|
||||
// #endif
|
||||
});
|
||||
onShow(() => {
|
||||
console.log("App Show");
|
||||
});
|
||||
onHide(() => {
|
||||
console.log("App Hide");
|
||||
});
|
||||
|
||||
const getUpData = () => {
|
||||
// #ifdef APP
|
||||
// plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => {
|
||||
// NvpMerchService.GetAppVersion().then(res=>{
|
||||
// console.log('wgtinfo.versionCode',wgtinfo.versionCode);
|
||||
// if (res.data.version > wgtinfo.versionCode) {
|
||||
// setTimeout(function() {
|
||||
// uni.navigateTo({
|
||||
// url: "/pages/upData/upData?info=" +
|
||||
// encodeURIComponent(
|
||||
// JSON.stringify(res.data))
|
||||
// })
|
||||
// }, 1000)
|
||||
// }
|
||||
// })
|
||||
// })
|
||||
// #endif
|
||||
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
|
||||
/* 全局样式 */
|
||||
@import './styles/common.scss';
|
||||
|
||||
/* 引入 RemixIcon 在线图标 */
|
||||
@import './styles/fonts/remixicon.css';
|
||||
|
||||
|
||||
@import "uview-plus/index.scss";
|
||||
@import "colorui/main.css";
|
||||
@import "colorui/icon.css";
|
||||
|
||||
page {
|
||||
--nav-mian: #FF6B35; //全局颜色
|
||||
--nav-vice: #F59D77; //副颜色
|
||||
--nav-diluted: #F2C0A3; //淡颜色
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,255 @@
|
||||
/**
|
||||
* 美团风格主题 - 参考美团外卖
|
||||
*/
|
||||
|
||||
/* 主色调 - 美团黄色 */
|
||||
:root {
|
||||
--primary-color: #FFCC00; /* 美团黄 */
|
||||
--primary-light: #FFD700; /* 亮黄色 */
|
||||
--primary-dark: #F5A623; /* 深黄色 */
|
||||
}
|
||||
|
||||
/* 辅助色 */
|
||||
:root {
|
||||
--secondary-bg: #FFF8E1; /* 浅黄背景 */
|
||||
--accent-color: #FF6B00; /* 橙红色 */
|
||||
}
|
||||
|
||||
/* 中性色 */
|
||||
:root {
|
||||
--text-primary: #0F172A; /* 深色文字 */
|
||||
--text-secondary: #64748B; /* 次要文字 */
|
||||
--text-tertiary: #94A3B8; /* 辅助文字 */
|
||||
--border-color: #E2E8F0; /* 边框色 */
|
||||
--bg-color: #F8FAFC; /* 背景色 */
|
||||
}
|
||||
|
||||
/* 功能色 */
|
||||
:root {
|
||||
--success: #10B981; /* 绿色 */
|
||||
--warning: #F59E0B; /* 橙色 */
|
||||
--error: #EF4444; /* 红色 */
|
||||
--info: #3B82F6; /* 蓝色 */
|
||||
}
|
||||
|
||||
/* 间距 */
|
||||
:root {
|
||||
--spacing-xs: 8rpx;
|
||||
--spacing-sm: 12rpx;
|
||||
--spacing-md: 16rpx;
|
||||
--spacing-lg: 20rpx;
|
||||
--spacing-xl: 24rpx;
|
||||
}
|
||||
|
||||
/* 圆角 */
|
||||
:root {
|
||||
--radius-sm: 6rpx;
|
||||
--radius-md: 10rpx;
|
||||
--radius-lg: 16rpx;
|
||||
--radius-round: 999rpx;
|
||||
}
|
||||
|
||||
/* 阴影 */
|
||||
:root {
|
||||
--shadow-sm: 0 1rpx 3rpx rgba(0, 0, 0, 0.05);
|
||||
--shadow-md: 0 4rpx 6rpx -1rpx rgba(0, 0, 0, 0.08);
|
||||
--shadow-lg: 0 10rpx 15rpx -3rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
/* 字体大小 */
|
||||
:root {
|
||||
--font-xs: 22rpx;
|
||||
--font-sm: 24rpx;
|
||||
--font-md: 26rpx;
|
||||
--font-lg: 28rpx;
|
||||
--font-xl: 32rpx;
|
||||
--font-xxl: 36rpx;
|
||||
}
|
||||
|
||||
/* 通用类 */
|
||||
.container {
|
||||
padding: var(--spacing-md);
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.flex-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flex-between {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-ellipsis {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* 卡片样式 */
|
||||
.card {
|
||||
background: #FFFFFF;
|
||||
border-radius: var(--radius-lg);
|
||||
padding: var(--spacing-lg);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
/* 按钮样式 */
|
||||
.btn-primary {
|
||||
background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
|
||||
color: #FFFFFF;
|
||||
border-radius: var(--radius-md);
|
||||
padding: var(--spacing-md) var(--spacing-xl);
|
||||
font-size: var(--font-md);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.btn-outline {
|
||||
background: #FFFFFF;
|
||||
color: var(--primary-color);
|
||||
border: 1rpx solid var(--primary-color);
|
||||
border-radius: var(--radius-md);
|
||||
padding: var(--spacing-md) var(--spacing-xl);
|
||||
font-size: var(--font-md);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* 标签样式 - 现代风格 */
|
||||
.tag {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
padding: 4rpx 10rpx;
|
||||
border-radius: var(--radius-sm);
|
||||
font-size: var(--font-xs);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.tag-point {
|
||||
background: linear-gradient(135deg, #F0F9FF, #E0F2FE);
|
||||
color: #0284C7;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tag-usable {
|
||||
background: #F1F5F9;
|
||||
color: var(--text-secondary);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tag-coupon {
|
||||
background: linear-gradient(135deg, #FAF5FF, #F3E8FF);
|
||||
color: #9333EA;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.tag-distance {
|
||||
background: transparent;
|
||||
color: var(--text-tertiary);
|
||||
}
|
||||
|
||||
/* 分割线 */
|
||||
.divider {
|
||||
height: 1rpx;
|
||||
background-color: var(--border-color);
|
||||
margin: var(--spacing-md) 0;
|
||||
}
|
||||
|
||||
/* 空状态 */
|
||||
.empty {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: var(--spacing-xl) 0;
|
||||
color: var(--text-tertiary);
|
||||
font-size: var(--font-md);
|
||||
}
|
||||
|
||||
.empty-icon {
|
||||
font-size: 120rpx;
|
||||
margin-bottom: var(--spacing-md);
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
/* 商家标签 - 右上角徽章 */
|
||||
.shop-badges {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.badge-partner {
|
||||
background: linear-gradient(135deg, #FF6B35, #F7931E);
|
||||
color: #FFFFFF;
|
||||
font-size: 9px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.badge-coop {
|
||||
background: linear-gradient(135deg, #667EEA, #764BA2);
|
||||
color: #FFFFFF;
|
||||
font-size: 9px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* 商家优惠券标签 */
|
||||
.shop-tag {
|
||||
display: inline-block;
|
||||
padding: 2rpx 6rpx;
|
||||
border-radius: 8rpx;
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
/* 消费得积分标签 - 蓝紫色系 */
|
||||
.shop-tag.tag-points {
|
||||
background: linear-gradient(135deg, #E3F2FD, #BBDEFB);
|
||||
color: #1565C0;
|
||||
border: 1rpx solid #64B5F6;
|
||||
}
|
||||
|
||||
/* 可用积分标签 - 绿色系 */
|
||||
.shop-tag.tag-points-available {
|
||||
background: linear-gradient(135deg, #E8F5E9, #C8E6C9);
|
||||
color: #2E7D32;
|
||||
border: 1rpx solid #81C784;
|
||||
}
|
||||
|
||||
/* 可用券标签 - 橙红色系 */
|
||||
.shop-tag.tag-coupon {
|
||||
background: linear-gradient(135deg, #FFEBEE, #FFCDD2);
|
||||
color: #D32F2F;
|
||||
border: 1rpx solid #EF5350;
|
||||
}
|
||||
|
||||
/* 默认标签 - 灰色系 */
|
||||
.shop-tag.tag-default {
|
||||
background: linear-gradient(135deg, #F5F5F5, #E0E0E0);
|
||||
color: #616161;
|
||||
border: 1rpx solid #BDBDBD;
|
||||
}
|
||||
Reference in New Issue
Block a user