初始化参股

前端/unpackage/dist/dev/mp-weixin/pages/booking/index.wxss

@@ -0,0 +1,206 @@
+@import "../../uvue.wxss";
+:host{display:flex;flex-direction:column}
+/**
+ * 优艺家沙发翻新 - 全局样式变量
+ */
+/* ========== 项目主题色 ========== */
+/* 辅助色 */
+/* 文字颜色 */
+/* 背景色 */
+/* 边框颜色 */
+/* 间距 */
+/* 圆角 */
+/* 阴影 */
+/* ========== uni-app 内置变量 ========== */
+/* 行为相关颜色 */
+/* 文字基本颜色 */
+/* 背景颜色 */
+/* 边框颜色 */
+/* 尺寸变量 */
+/* 文字尺寸 */
+/* 图片尺寸 */
+/* Border Radius */
+/* 水平间距 */
+/* 垂直间距 */
+/* 透明度 */
+/* 文章场景相关 */
+.page {
+  flex: 1;
+  background-color: #f5f5f5;
+}
+.page-scroll {
+  flex: 1;
+}
+
+/* 头部 */
+.header-section {
+  background: linear-gradient(135deg, #D4A574 0%, #B8895A 100%);
+  padding: 48rpx 32rpx;
+  align-items: center;
+}
+.header-title {
+  font-size: 40rpx;
+  font-weight: 600;
+  color: #ffffff;
+  margin-bottom: 12rpx;
+}
+.header-desc {
+  font-size: 28rpx;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+/* 表单区域 */
+.form-section {
+  background-color: #ffffff;
+  margin: 24rpx;
+  border-radius: 16rpx;
+  padding: 32rpx;
+}
+.form-item {
+  margin-bottom: 32rpx;
+}
+.form-label {
+  font-size: 28rpx;
+  font-weight: 600;
+  color: #333333;
+  margin-bottom: 16rpx;
+}
+.required {
+  color: #F56C6C;
+  margin-right: 4rpx;
+}
+.form-input {
+  background-color: #f5f5f5;
+  border-radius: 12rpx;
+  padding: 24rpx;
+  font-size: 28rpx;
+  height: 40px;
+}
+.placeholder {
+  color: #C0C4CC;
+}
+
+/* 沙发类型选择 */
+.type-grid {
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.type-item {
+  padding: 16rpx 32rpx;
+  background-color: #f5f5f5;
+  border-radius: 8rpx;
+  margin-right: 16rpx;
+  margin-bottom: 16rpx;
+}
+.type-active {
+  background-color: #D4A574;
+}
+.type-text {
+  font-size: 26rpx;
+  color: #606266;
+}
+.type-text-active {
+  color: #ffffff;
+}
+
+/* 文本域 */
+.form-textarea {
+  background-color: #f5f5f5;
+  border-radius: 12rpx;
+  padding: 24rpx;
+  font-size: 28rpx;
+  height: 200rpx;
+  width: 100%;
+}
+.textarea-count {
+  font-size: 24rpx;
+  color: #909399;
+  text-align: right;
+  margin-top: 8rpx;
+}
+
+/* 图片上传 */
+.upload-grid {
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.upload-item {
+  width: 200rpx;
+  height: 200rpx;
+  margin-right: 16rpx;
+  margin-bottom: 16rpx;
+  position: relative;
+}
+.upload-image {
+  width: 100%;
+  height: 100%;
+  border-radius: 12rpx;
+}
+.upload-delete {
+  position: absolute;
+  top: -16rpx;
+  right: -16rpx;
+  width: 40rpx;
+  height: 40rpx;
+  background-color: #F56C6C;
+  border-radius: 50%;
+  align-items: center;
+  justify-content: center;
+}
+.delete-icon {
+  font-size: 28rpx;
+  color: #ffffff;
+}
+.upload-add {
+  width: 200rpx;
+  height: 200rpx;
+  background-color: #f5f5f5;
+  border-radius: 12rpx;
+  align-items: center;
+  justify-content: center;
+  border-width: 2rpx;
+  border-style: dashed;
+  border-color: #DCDFE6;
+}
+.add-icon {
+  font-size: 48rpx;
+  color: #909399;
+}
+.add-text {
+  font-size: 24rpx;
+  color: #909399;
+  margin-top: 8rpx;
+}
+.upload-tip {
+  font-size: 24rpx;
+  color: #909399;
+  margin-top: 16rpx;
+}
+
+/* 底部间距 */
+.bottom-space {
+  height: 160rpx;
+}
+
+/* 提交按钮 */
+.submit-bar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #ffffff;
+  padding: 24rpx 32rpx;
+  padding-bottom: 48rpx;
+  box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.08);
+}
+.submit-btn {
+  background-color: #D4A574;
+  border-radius: 999rpx;
+  padding: 28rpx 0;
+  align-items: center;
+}
+.submit-text {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #ffffff;
+}