通知公告还原

src/apps/AppNotification/AppNotification.vue

@@ -2,7 +2,7 @@
   <div class="notification">
     <template v-if="showList">
       <AiTopFixed>
-        <u-tabs :list="tabs" :is-scroll="false" height="96" bar-width="192" @change="change"></u-tabs>
+        <u-tabs :list="tabs" :is-scroll="false" height="96" :current="index" bar-width="192" @change="change"></u-tabs>
       </AiTopFixed>
       <div class="body" v-if="dataList.length">
         <div class="card" v-for="(item,idx) in dataList" :key="idx" @click="handeClick(item)">
@@ -45,11 +45,11 @@
       <AiEmpty v-else/>
       <u-loadmore :status="status" v-if="dataList.length"/>
       <AiAdd @add="add"/>
-      <u-popup :show="show" mode="bottom" closeOnClickOverlay>
+      <u-popup v-model="show" mode="bottom">
         <div class="popup-wrap">
           <u-row justify="between">
             <div class="colum" v-for="(item,index) in optList" :key="index" @click="handleOpt(item)">
-              <u-icon :name="item.icon" size="50" :custom-style="{backgroundColor:'#fff',borderRadius:'8px'}"></u-icon>
+              <u-icon :name="item.icon" size="100" :custom-style="{backgroundColor:'#fff',borderRadius:'8px'}"></u-icon>
               <u-gap height="16"></u-gap>
               {{item.name}}
             </div>
@@ -57,9 +57,9 @@
           <div class="btn" @click="show=false">关闭</div>
         </div>
       </u-popup>
-      <u-modal :show="modal" :content="'是否确定' + content + '该公告？'" title="" show-confirm-button
+      <u-modal v-model="modal" :content="'是否确定' + content + '该公告？'" title="" show-confirm-button
                show-cancel-button confirm-text="确定" cancel-text="取消"
-               @confirm="confirm" :closeOnClickOverlay="true" @cancel="modal=false"></u-modal>
+               @confirm="confirm" @cancel="modal=false"></u-modal>
     </template>
     <component :is="comp" v-else :params="params"></component>
   </div>