77 lines
1.6 KiB
Vue
77 lines
1.6 KiB
Vue
<script>
|
|
import { store } from './utils/store.js'
|
|
|
|
export default {
|
|
onLaunch() {
|
|
store.boot()
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page {
|
|
--color-primary: #1677FF;
|
|
--color-success: #16A34A;
|
|
--color-warning: #EA8C00;
|
|
--color-danger: #DC2626;
|
|
--color-bg: #F5F7FA;
|
|
--color-surface: #FFFFFF;
|
|
--color-text-primary: #111827;
|
|
--color-text-secondary: #6B7280;
|
|
--color-border: #E8ECF2;
|
|
background: #F5F7FA;
|
|
color: #111827;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
|
|
}
|
|
.page {
|
|
min-height: 100vh;
|
|
background: #F5F7FA;
|
|
box-sizing: border-box;
|
|
padding-bottom: constant(safe-area-inset-bottom);
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
.card {
|
|
background: #fff;
|
|
border-radius: 24rpx;
|
|
box-shadow: 0 2rpx 8rpx rgba(17, 24, 39, 0.04);
|
|
border: 1rpx solid rgba(17, 24, 39, 0.06);
|
|
}
|
|
.muted { color: #6B7280; }
|
|
.ink { color: #111827; }
|
|
.brand { color: #1677FF; }
|
|
.btn-primary {
|
|
height: 88rpx;
|
|
background: #1677FF;
|
|
color: #fff;
|
|
border-radius: 16rpx;
|
|
font-size: 30rpx;
|
|
font-weight: 600;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.btn-primary[disabled] { opacity: 0.55; }
|
|
.chip {
|
|
font-size: 22rpx;
|
|
padding: 6rpx 14rpx;
|
|
border-radius: 8rpx;
|
|
background: #E8F1FF;
|
|
color: #1677FF;
|
|
flex-shrink: 0;
|
|
}
|
|
.badge {
|
|
min-width: 32rpx;
|
|
height: 32rpx;
|
|
padding: 0 8rpx;
|
|
border-radius: 32rpx;
|
|
background: #DC2626;
|
|
color: #fff;
|
|
font-size: 20rpx;
|
|
font-weight: 600;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.row-line { height: 1rpx; background: #E8ECF2; margin-left: 136rpx; }
|
|
</style>
|