add: notice-bar支持justifyContent属性

ijry · Dec 9, 2024 · 137e8cc · 137e8cc
1 parent 8a38211
commit 137e8cc
Show file tree

Hide file tree

Showing 9 changed files with 30 additions and 5 deletions.
diff --git a/src/pages/componentsB/noticeBar/noticeBar.nvue b/src/pages/componentsB/noticeBar/noticeBar.nvue
@@ -56,6 +56,16 @@
 					@click="click"
 				></up-notice-bar>
 			</view>
+		</view><view class="u-demo-block">
+			<text class="u-demo-block__title">纵向滚动(文字居中)</text>
+			<view class="u-demo-block__content">
+				<up-notice-bar
+				    :text="text4"
+					direction="column"
+					justifyContent="center"
+					@click="click"
+				></up-notice-bar>
+			</view>
 		</view>
 		<view class="u-demo-block">
 			<text class="u-demo-block__title">自定义样式</text>

diff --git a/src/uni_modules/uview-plus/changelog.md b/src/uni_modules/uview-plus/changelog.md
@@ -1,5 +1,8 @@
+## 3.3.52（2024-12-09）
+add: notice-bar支持justifyContent属性
 ## 3.3.51（2024-12-09）
 add: radio增加label插槽
+
 ## 3.3.50（2024-12-05）
 fix: 优化popup等对禁止背景滚动机制
 

diff --git a/src/uni_modules/uview-plus/components/u-column-notice/columnNotice.js b/src/uni_modules/uview-plus/components/u-column-notice/columnNotice.js
@@ -19,6 +19,7 @@ export default {
         speed: 80,
         step: false,
         duration: 1500,
-        disableTouch: true
+        disableTouch: true,
+		justifyContent: 'flex-start'
     }
 }
diff --git a/src/uni_modules/uview-plus/components/u-column-notice/props.js b/src/uni_modules/uview-plus/components/u-column-notice/props.js
@@ -52,6 +52,10 @@ export const props = defineMixin({
         disableTouch: {
             type: Boolean,
             default: () => defProps.columnNotice.disableTouch
-        }
+        },
+		justifyContent: {
+			type: String,
+			default: () => defProps.columnNotice.justifyContent
+		}
     }
 })
diff --git a/src/uni_modules/uview-plus/components/u-column-notice/u-column-notice.vue b/src/uni_modules/uview-plus/components/u-column-notice/u-column-notice.vue
@@ -28,6 +28,7 @@
 				v-for="(item, index) in text"
 				:key="index"
 				class="u-notice__swiper__item"
+				:style="{'justifyContent': justifyContent}"
 			>
 				<text
 					class="u-notice__swiper__item__text u-line-1"

diff --git a/src/uni_modules/uview-plus/components/u-notice-bar/noticeBar.js b/src/uni_modules/uview-plus/components/u-notice-bar/noticeBar.js
@@ -22,6 +22,7 @@ export default {
         duration: 2000,
         disableTouch: true,
         url: '',
-        linkType: 'navigateTo'
+        linkType: 'navigateTo',
+		justifyContent: 'flex-start'
     }
 }
diff --git a/src/uni_modules/uview-plus/components/u-notice-bar/props.js b/src/uni_modules/uview-plus/components/u-notice-bar/props.js
@@ -67,6 +67,10 @@ export const props = defineMixin({
         linkType: {
             type: String,
             default: () => defProps.noticeBar.linkType
-        }
+        },
+		justifyContent: {
+            type: String,
+            default: () => defProps.noticeBar.justifyContent
+        },
     }
 })
diff --git a/src/uni_modules/uview-plus/components/u-notice-bar/u-notice-bar.vue b/src/uni_modules/uview-plus/components/u-notice-bar/u-notice-bar.vue
@@ -17,6 +17,7 @@
 				:disable-touch="disableTouch"
 				:fontSize="fontSize"
 				:duration="duration"
+				:justifyContent="justifyContent"
 				@close="close"
 				@click="click"
 			></u-column-notice>

diff --git a/src/uni_modules/uview-plus/package.json b/src/uni_modules/uview-plus/package.json
@@ -2,7 +2,7 @@
 	"id": "uview-plus",
 	"name": "uview-plus",
 	"displayName": "uview-plus3.0重磅发布，全面的Vue3鸿蒙移动组件库。",
-	"version": "3.3.51",
+	"version": "3.3.52",
 	"description": "零云®uview-plus已兼容vue3，全面的组件和便捷的工具会让您信手拈来，如鱼得水",
 	"keywords": [
         "uview",