fanfpy
bc48e8f7a3
- 添加uni-ui组件库依赖 - 实现微信静默登录功能 - 创建资产、策略、我的等核心页面 - 添加策略组合配置功能 - 实现持仓详情展示 - 完善用户信息展示 - 添加全局样式和工具类 - 配置小程序项目设置
140 lines
3.8 KiB
Plaintext
140 lines
3.8 KiB
Plaintext
|
|
/* 全局布局 */
|
|
.page-container.data-v-ff6c58be {
|
|
min-height: 100vh;
|
|
background-color: #F9FAFB;
|
|
}
|
|
.header-section.data-v-ff6c58be {
|
|
padding: 40rpx 40rpx 20rpx 40rpx;
|
|
background-color: #F9FAFB;
|
|
position: -webkit-sticky;
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 10;
|
|
}
|
|
.strategy-list.data-v-ff6c58be {
|
|
padding: 0 40rpx;
|
|
}
|
|
|
|
/* 状态栏适配 */
|
|
.status-bar-height.data-v-ff6c58be { height: var(--status-bar-height);
|
|
}
|
|
|
|
/* 文字样式 */
|
|
.title-lg.data-v-ff6c58be { font-size: 48rpx; font-weight: 800; color: #111827; display: block;
|
|
}
|
|
.subtitle.data-v-ff6c58be { font-size: 28rpx; color: #6B7280; margin-top: 8rpx; display: block;
|
|
}
|
|
|
|
/* === 新增：添加按钮样式 === */
|
|
.add-btn-box.data-v-ff6c58be {
|
|
width: 88rpx;
|
|
height: 88rpx;
|
|
background-color: #FFFFFF;
|
|
border-radius: 24rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.05);
|
|
border: 1rpx solid #E5E7EB;
|
|
}
|
|
.add-btn-box.data-v-ff6c58be:active { background-color: #F3F4F6;
|
|
}
|
|
|
|
/* 策略卡片 */
|
|
.strategy-card.data-v-ff6c58be {
|
|
background-color: #FFFFFF;
|
|
border-radius: 32rpx;
|
|
padding: 40rpx;
|
|
margin-bottom: 32rpx;
|
|
position: relative;
|
|
overflow: hidden;
|
|
box-shadow: 0 12rpx 32rpx rgba(0, 0, 0, 0.06);
|
|
border: 1rpx solid #E5E7EB;
|
|
transition: all 0.2s ease;
|
|
}
|
|
.strategy-card.data-v-ff6c58be:active {
|
|
transform: translateY(2rpx);
|
|
box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.04);
|
|
}
|
|
.watermark.data-v-ff6c58be { position: absolute; right: -20rpx; top: -20rpx; z-index: 0; pointer-events: none;
|
|
}
|
|
.card-header-row.data-v-ff6c58be { position: relative; z-index: 1;
|
|
}
|
|
|
|
/* 图标盒子 */
|
|
.icon-box.data-v-ff6c58be {
|
|
width: 80rpx; height: 80rpx; border-radius: 20rpx;
|
|
display: flex; align-items: center; justify-content: center;
|
|
}
|
|
.bg-emerald-900.data-v-ff6c58be { background-color: #064e3b;
|
|
}
|
|
.bg-blue-600.data-v-ff6c58be { background-color: #2563EB;
|
|
}
|
|
.bg-orange-500.data-v-ff6c58be { background-color: #F97316;
|
|
}
|
|
.icon-text.data-v-ff6c58be { color: #fff; font-weight: bold; font-size: 32rpx;
|
|
}
|
|
|
|
/* 卡片文本 */
|
|
.card-head.data-v-ff6c58be { font-size: 32rpx; font-weight: 700; color: #111827; display: block;}
|
|
.card-tag.data-v-ff6c58be { font-size: 22rpx; font-weight: 600; margin-top: 4rpx;
|
|
}
|
|
.text-emerald-700.data-v-ff6c58be { color: #047857;
|
|
}
|
|
.text-blue-700.data-v-ff6c58be { color: #1D4ED8;
|
|
}
|
|
.text-orange-700.data-v-ff6c58be { color: #C2410C;
|
|
}
|
|
.desc-text.data-v-ff6c58be {
|
|
font-size: 26rpx;
|
|
color: #4B5563;
|
|
line-height: 1.6;
|
|
margin-bottom: 32rpx;
|
|
display: block;
|
|
margin-top: 24rpx;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* 底部操作区 */
|
|
.footer-row.data-v-ff6c58be {
|
|
display: flex; justify-content: space-between; align-items: center;
|
|
padding-top: 32rpx;
|
|
border-top: 1rpx solid #F9FAFB;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.tag-gray.data-v-ff6c58be { background-color: #F3F4F6; padding: 6rpx 16rpx; border-radius: 12rpx; margin-right: 12rpx;
|
|
}
|
|
.tag-text.data-v-ff6c58be { font-size: 22rpx; color: #6B7280; font-weight: 500;
|
|
}
|
|
|
|
/* 按钮样式 */
|
|
.btn-primary.data-v-ff6c58be {
|
|
background-color: #064e3b; color: #fff; font-size: 24rpx; font-weight: 600;
|
|
padding: 0 32rpx; height: 64rpx; line-height: 64rpx; border-radius: 999rpx; margin: 0;
|
|
}
|
|
.btn-secondary.data-v-ff6c58be {
|
|
background-color: #F3F4F6; color: #4B5563; font-size: 24rpx; font-weight: 600;
|
|
padding: 0 32rpx; height: 64rpx; line-height: 64rpx; border-radius: 999rpx; margin: 0;
|
|
}
|
|
|
|
/* 工具类 */
|
|
.flex-row.data-v-ff6c58be { display: flex; flex-direction: row;
|
|
}
|
|
.flex-col.data-v-ff6c58be { display: flex; flex-direction: column;
|
|
}
|
|
.items-center.data-v-ff6c58be { align-items: center;
|
|
}
|
|
.items-start.data-v-ff6c58be { align-items: flex-start;
|
|
}
|
|
.justify-between.data-v-ff6c58be { justify-content: space-between;
|
|
}
|
|
.gap-3.data-v-ff6c58be { gap: 24rpx;
|
|
}
|
|
.gap-2.data-v-ff6c58be { gap: 16rpx;
|
|
}
|
|
.mb-4.data-v-ff6c58be { margin-bottom: 32rpx;
|
|
}
|