UNI-APP杂汇

横排图标

样式如下：

 

 

代码如下：

    <x-block>
         <uni-section title="标题" sub-title="这是副标题">
           <uni-grid class="px-2 py-3" :column="4" :showBorder="false" square highlight @change="">
             <uni-grid-item :index="0" class="text-center">
               <image src="@/static/case/a.gif" mode="heightFix" style="height:100rpx;max-width:80%;" class="mx-auto mt-2"></image>
               <text class="mt-2 mb-2">项目一</text>
             </uni-grid-item>
             <uni-grid-item :index="1" class="text-center">
               <image src="@/static/case/icon2.png" mode="heightFix" style="height:100rpx;max-width:50%;" class="mx-auto mt-2"></image>
               <text class="mt-2 mb-2">项目二</text>
             </uni-grid-item>
             <uni-grid-item :index="2" class="text-center">
               <image src="@/static/case/icon3.png" mode="heightFix" style="height:100rpx;max-width:50%;" class="mx-auto mt-2"></image>
               <text class="mt-2 mb-2">项目三</text>
             </uni-grid-item>
             <uni-grid-item :index="3" class="text-center">
               <image src="@/static/case/icon4.png" mode="heightFix" style="height:100rpx;max-width:50%;" class="mx-auto mt-2"></image>
               <text class="mt-2 mb-2">项目四</text>
             </uni-grid-item>
           </uni-grid>
         </uni-section>
       </x-block> 

 

 

uni-start中获取用户信息的方法：

方法一（仅获取用户_id、nickname、username）：

import {
  store,
  mutations
} from '@/uni_modules/uni-id-pages/common/store.js'
    
// store.userInfo  // 用户信息 {_id, username, nickname}
// store.hasLogin  // 判断用户是否登陆

 

方法二（可以获取用户uid、role、permission、tokenExpired）：

uniCloud.getCurrentUserInfo() //同步函数

 

 

沉浸式全屏去掉顶部的时间、电量的方法：

onShow() {
      // #ifdef APP
      // 全屏，去掉系统时间、电量等
      plus.navigator.setFullscreen(true);
      // #endif
    },

 

uniCloud去重注意事项：

:distinct="true"

此时数据会随机出现