fix: noticebar demo修改 (#1974)

* feat: collapse api 更换,icon 图标更换

* feat: searchbar icon 更换,文档修改

* feat: noticebar icon 更换,文档修改

* fix: review 问题修改

* feat: rate icon 替换，文档修改

* fix: rate common文件拆分

* fix: 文档,demo 去掉 nut-icon

* Delete common.taro.ts

* fix: 解决冲突

* Update doc.taro.md

* Update doc.taro.md

* docs: 文档修改

* docs: 文档修改

* docs: 文档

* fix: demo 修改

Co-authored-by: richard1015 <51844712@qq.com>

src/packages/__VUE/noticebar/doc.taro.md

@@ -255,6 +255,7 @@ app.use(Noticebar);
 | click | 外层点击事件回调 | event: Event |
 | close | 关闭通知栏时触发 | event: Event |
 
+
 ## 主题定制
 
 ### 样式变量
@@ -274,3 +275,4 @@ app.use(Noticebar);
 | --nut-noticebar-wrapable-padding| _16px_ | -  |
 | --nut-noticebar-lefticon-margin| _0px 10px_ | -  |
 | --nut-noticebar-righticon-margin| _0px 10px_ | -  |
+

src/sites/mobile-taro/vue/src/exhibition/pages/noticebar/index.vue

@@ -110,7 +110,7 @@
         :color="`#D9500B`"
       >
         <template v-slot:rightIcon>
-          <nut-icon name="fabulous" color="#f0250f"> </nut-icon>
+          <Fabulous />
         </template>
       </nut-noticebar>
     </div>
@@ -119,9 +119,10 @@
 
 <script lang="ts">
 import { reactive, toRefs } from 'vue';
+import { Fabulous } from '@nutui/icons-vue-taro';
 
 export default {
-  props: {},
+  components: { Fabulous },
   setup() {
     const state = reactive({
       horseLamp1: ['惊喜红包免费领', '爆款准点秒', '买超值优惠', '赢百万京豆'],