完成大体功能和样式

components/bottom/assetBottomBar.vue

@@ -11,10 +11,10 @@
       </view>
     </view>
 
-    <view class="main-btn" @tap="onReserve">
-      <text class="label">预约看房</text>
+    <view class="main-btn" @tap="onReserve" :style="{backgroundColor: btnColor}">
+      <text class="label">{{btnTitle || '加载错误'}}</text>
     </view>
-    <share ref="share" :assetId="assetId" />
+    <share ref="share" :assetId="assetId" :title="shareBtnTitle" :btnColor="btnColor"/>
   </view>
 </template>
 
@@ -25,7 +25,51 @@ import share from '../share/share.vue';
 export default {
   name: 'assetBottomBar',
   components: { share },
-  props: { assetId: [String, Number], phone: String },
+  props: { 
+	  assetId: [String, Number], 
+	  phone: String ,
+	  btnTitle:  {
+      type: String,
+      default: ''
+    },
+	shareBtnTitle:  {
+	  type: String,
+	  default: ''
+	},
+	/** 小程序页面路径 */
+	pagePath: {
+	  type: String,
+	  required: true
+	},
+	
+	/** H5 页面路径 */
+	h5Path: {
+	  type: String,
+	  required: true
+	},
+	
+	/** 分享参数（id / code 等） */
+	query: {
+	  type: Object,
+	  default: () => ({})
+	},
+	
+	/** 小程序码接口 */
+	minicodeApi: {
+	  type: String,
+	  default: ''
+	},
+	
+	/** H5 基础域名（可选） */
+	baseUrl: {
+	  type: String,
+	  default: ''
+	},
+	btnColor: {
+	  type: String,
+	  default: ''
+	}
+	  },
   methods: {
     onShare() {
         console.log("调用分享")
@@ -92,18 +136,15 @@ export default {
   font-size: 22rpx;
 }
 
-/* 蓝色描边主按钮（完全居中） */
 .main-btn {
   flex-shrink: 0;
   width: 340rpx;
   height: 88rpx;
-  border: 2rpx solid #FF2F31;
   border-radius: 44rpx;
-  background-color: #ffffff;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: #FF2F31;
+  color: #ffffff;
   font-size: 30rpx;
   font-weight: 500;
   transition: all 0.2s;