初始化参股

前端/unpackage/dist/dev/mp-weixin/pages/cases/detail.wxss

@@ -0,0 +1,202 @@
+@import "../../uvue.wxss";
+:host{display:flex;flex-direction:column}
+/**
+ * 优艺家沙发翻新 - 全局样式变量
+ */
+/* ========== 项目主题色 ========== */
+/* 辅助色 */
+/* 文字颜色 */
+/* 背景色 */
+/* 边框颜色 */
+/* 间距 */
+/* 圆角 */
+/* 阴影 */
+/* ========== uni-app 内置变量 ========== */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.page {
+  flex: 1;
+  background-color: #f5f5f5;
+}
+.page-scroll {
+  flex: 1;
+}
+
+/* 图片画廊 */
+.gallery-section {
+  position: relative;
+}
+.gallery-swiper {
+  height: 500rpx;
+}
+.gallery-image {
+  width: 100%;
+  height: 100%;
+}
+.gallery-tag {
+  position: absolute;
+  top: 24rpx;
+  left: 24rpx;
+  background-color: rgba(212, 165, 116, 0.9);
+  padding: 8rpx 20rpx;
+  border-radius: 8rpx;
+}
+.gallery-tag-text {
+  font-size: 24rpx;
+  color: #ffffff;
+}
+
+/* 基本信息 */
+.info-section {
+  background-color: #ffffff;
+  padding: 32rpx;
+  margin-bottom: 24rpx;
+}
+.case-title {
+  font-size: 36rpx;
+  font-weight: 600;
+  color: #333333;
+  margin-bottom: 24rpx;
+}
+.case-meta {
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+.case-price {
+  font-size: 40rpx;
+  font-weight: 600;
+  color: #D4A574;
+}
+.case-stats {
+  flex-direction: row;
+}
+.stat-text {
+  font-size: 26rpx;
+  color: #909399;
+  margin-left: 24rpx;
+}
+
+/* 对比区域 */
+.compare-section {
+  padding: 0 24rpx;
+}
+
+/* 详细信息 */
+.detail-section {
+  background-color: #ffffff;
+  margin: 24rpx;
+  border-radius: 16rpx;
+  padding: 32rpx;
+}
+.detail-header {
+  margin-bottom: 24rpx;
+}
+.detail-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #333333;
+}
+.detail-list {
+  margin-bottom: 32rpx;
+}
+.detail-item {
+  flex-direction: row;
+  justify-content: space-between;
+  padding: 16rpx 0;
+  border-bottom-width: 1rpx;
+  border-bottom-style: solid;
+  border-bottom-color: #EBEEF5;
+}
+.detail-label {
+  font-size: 28rpx;
+  color: #909399;
+}
+.detail-value {
+  font-size: 28rpx;
+  color: #333333;
+}
+.detail-desc {
+  padding-top: 16rpx;
+}
+.desc-title {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #333333;
+  margin-bottom: 16rpx;
+}
+.desc-content {
+  font-size: 28rpx;
+  color: #606266;
+  line-height: 48rpx;
+}
+
+/* 底部间距 */
+.bottom-space {
+  height: 160rpx;
+}
+
+/* 底部操作栏 */
+.bottom-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  background-color: #ffffff;
+  padding: 16rpx 24rpx;
+  padding-bottom: 32rpx;
+  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.08);
+}
+.bar-left {
+  flex-direction: row;
+}
+.bar-btn {
+  align-items: center;
+  padding: 0 24rpx;
+}
+.bar-icon {
+  font-size: 40rpx;
+}
+.bar-label {
+  font-size: 22rpx;
+  color: #606266;
+  margin-top: 4rpx;
+}
+.bar-right {
+  flex-direction: row;
+  flex: 1;
+  justify-content: flex-end;
+}
+.contact-btn {
+  background-color: #f5f5f5;
+  padding: 20rpx 40rpx;
+  border-radius: 999rpx;
+  margin-right: 16rpx;
+}
+.contact-text {
+  font-size: 28rpx;
+  color: #606266;
+}
+.booking-btn {
+  background-color: #D4A574;
+  padding: 20rpx 48rpx;
+  border-radius: 999rpx;
+}
+.booking-text {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #ffffff;
+}