封装 f-button-01 插件（按钮），上传插件市场

common/common.scss

@@ -27,3 +27,9 @@
 .placeholder-class {
 	color: #d1d1d1;
 }
+
+.v-row {
+	width: 100%;
+	justify-content: space-between;
+	margin-bottom: 20rpx;
+}
\ No newline at end of file

common/ui.js

@@ -55,6 +55,7 @@ function init() {
 
 export default {
 	appUI: appUI,
+	navigationBarUI: navigationBarUI,
 	statusViewUI: statusViewUI,
 	scrollViewUI: scrollViewUI,
 	init: init,

pages/index/index.vue

 <template>
 	<view class="content" :style="[style]">
 		<f-status-view v-if="statusViewUI.isShowStatusView" :status="statusViewUI.status"
+			:style="statusViewStyle"
 			@tap="onStatusViewClick"></f-status-view>
 
+		<view class="v-row flex-row">
+			<f-button-01 style="flex: 0 0 50%;" clazz="style-02"></f-button-01>
+			<f-button-01 style="flex: 0 0 50%;" clazz="style-03"></f-button-01>
+		</view>
+
+		<view class="v-row flex-row">
+			<f-button-01 style="flex: 0 0 100%;" clazz="style-01"></f-button-01>
+		</view>
+
 		<f-add-image-grid @choose="onImageChoose" @delete="onImageDelete"></f-add-image-grid>
 
 		<button @click="showPopTop">f-pop-top</button>
@@ -59,6 +69,10 @@
 		data() {
 			return {
 				title: 'fashion-ui',
+				statusViewStyle: {
+					width: "",
+					height: "",
+				},
 				isShowPopTop: false,
 				isShowPopCenter: false,
 				isShowPopBottom: false,
@@ -150,6 +164,11 @@
 				this.style = {
 					paddingBottom: ui.appUI.saftBottom + "px"
 				}
+				let systemInfo = uni.getSystemInfoSync()
+				this.statusViewStyle = {
+					width: ui.statusViewUI.width + "px",
+					height: (systemInfo.screenHeight - ui.navigationBarUI.height) + "px",
+				}
 			},
 			cMultiText01UiInit() {
 				let ui = JSON.parse(JSON.stringify(constant.CONST.cMultiTextUI));
@@ -186,4 +205,5 @@
 		align-items: center;
 		justify-content: center;
 	}
+
 </style>
\ No newline at end of file

uni_modules/f-button-01/changelog.md

+## 1.0.0（2024-05-31）
+1.0.0

uni_modules/f-button-01/components/f-button-01/f-button-01.vue

+<template>
+	<button class="t-btn"
+		:class="{'button-01-style-01': clazz=='style-01','button-01-style-02': clazz=='style-02','button-01-style-03': clazz=='style-03'}"
+		:style="{'borderRadius': borderRadius, 'margin': margin, 'backgroundColor': backgroundColor, 'color': color}">
+		{{ text }}
+	</button>
+</template>
+<script>
+	export default {
+		name: 'f-button-01',
+		props: {
+			clazz: {
+				type: String,
+				default: "style-01",
+			},
+			text: {
+				type: String,
+				default: "按钮",
+			},
+			color: {
+				type: String,
+				default: "white",
+			},
+			borderRadius: {
+				type: String,
+				default: ""
+			},
+			margin: {
+				type: String,
+				default: ""
+			},
+			backgroundColor: {
+				type: String,
+				default: "#4AA7F7"
+			}
+		},
+		methods: {},
+		created() {
+
+		}
+	}
+</script>
+<style lang="scss" scoped>
+	.t-btn {
+		width: auto;
+		height: 96rpx;
+		font-weight: 500;
+		font-size: 15px;
+		line-height: 96rpx;
+		text-align: center;
+		color: white;
+		background-color: $c-bg-color;
+	}
+
+	.button-01-style-01 {
+		border-radius: 48rpx;
+		margin: 0rpx 32rpx 0rpx 32rpx;
+	}
+
+
+	.button-01-style-02 {
+		border-radius: 48rpx 0rpx 0rpx 48rpx;
+		margin: 0rpx 22rpx 0rpx 32rpx;
+	}
+
+	.button-01-style-03 {
+		border-radius: 0rpx 48rpx 48rpx 0rpx;
+		margin: 0rpx 32rpx 0rpx 0rpx;
+	}
+</style>
\ No newline at end of file

uni_modules/f-button-01/package.json

+{
+  "id": "f-button-01",
+  "displayName": "f-button-01",
+  "version": "1.0.0",
+  "description": "f-button-01",
+  "keywords": [
+    "f-button-01"
+],
+  "repository": "http://git.guoguodz.com/tangfh/fashion-ui.git",
+  "engines": {
+    "HBuilderX": "^3.1.0"
+  },
+  "dcloudext": {
+    "type": "component-vue",
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": ""
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "插件不采集任何数据",
+      "permissions": "无"
+    },
+    "npmurl": ""
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y",
+        "alipay": "y"
+      },
+      "client": {
+        "Vue": {
+          "vue2": "y",
+          "vue3": "y"
+        },
+        "App": {
+          "app-vue": "u",
+          "app-nvue": "u",
+          "app-uvue": "u"
+        },
+        "H5-mobile": {
+          "Safari": "u",
+          "Android Browser": "u",
+          "微信浏览器(Android)": "u",
+          "QQ浏览器(Android)": "u"
+        },
+        "H5-pc": {
+          "Chrome": "u",
+          "IE": "u",
+          "Edge": "u",
+          "Firefox": "u",
+          "Safari": "u"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "u",
+          "百度": "u",
+          "字节跳动": "u",
+          "QQ": "u",
+          "钉钉": "u",
+          "快手": "u",
+          "飞书": "u",
+          "京东": "u"
+        },
+        "快应用": {
+          "华为": "u",
+          "联盟": "u"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file

uni_modules/f-button-01/readme.md

+# f-button-01
\ No newline at end of file