Tabbar切換效果(vant)

route 是否開啟路由模式
在這里插入圖片描述

<template><div class="layout-page"><!-- 二級路由出口 --><router-view></router-view><van-tabbar route><van-tabbar-item to="/home">首頁<!-- 圖標切換為active是高亮 --><template #icon="{ active }"><!-- 封裝好的 --><cp-icon :name="`home-index-${active ? 'active' : 'default'}`" /></template></van-tabbar-item><van-tabbar-item to="/notify">消息<template #icon="{ active }"><cp-icon :name="`home-notice-${active ? 'active' : 'default'}`" /></template></van-tabbar-item><van-tabbar-item to="/user">我的<template #icon="{ active }"><cp-icon :name="`home-mine-${active ? 'active' : 'default'}`" /></template></van-tabbar-item></van-tabbar></div>
</template>

在這里插入圖片描述

在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/208534.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/208534.shtml
英文地址,請注明出處:http://en.pswp.cn/news/208534.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

網絡知識點之-組播協議

組播協議&#xff0c;是一種允許將一臺主機發送的數據通過網絡路由器和交換機復制到多個加入此組播的主機&#xff0c;一對多的通訊方式。 簡介 組播協議與廣泛使用的單播協議的不同之處在于&#xff0c;一個主機用單播協議向n個主機發送相同的數據時&#xff0c;發送主機需要…

Git全局設置命令---設置提交人郵箱

介紹 使用git命令設置提交人郵箱。 命令 git config --global user.email "xxxxxxxx.com"

JAVA實現敏感詞高亮或打碼過濾:sensitive-word

練手項目中實現發表文章時檢測文章是否帶有敏感詞&#xff0c;以及對所有敏感詞的一鍵過濾功能 文章目錄 效果預覽實現步驟 效果預覽 隨便復制一篇內容到輸入框 機器審核文章存在敏感詞&#xff0c;彈消息提示并進入人工審核階段&#xff08;若機器審核通過&#xff0c;則無需審…

eclipse的日志文件放在什么位置

eclipse的日志文件放在<workspace的目錄>/.metadata目錄下面&#xff0c;例如&#xff1a;

html中一個div中平均一行分配四個盒子,可展開與收起所有的盒子

html中一個div中平均一行分配四個盒子&#xff0c;可展開與收起所有的盒子 1.截圖顯示部分 2.代碼展示部分 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"wid…

pytorch中五種常用隨機矩陣構造方法:rand、randn、randn_like、randint、randperm

1 torch.rand&#xff1a;構造均勻分布張量 torch.rand是用于生成均勻隨機分布張量的函數&#xff0c;從區間[0,1)的均勻分布中隨機抽取一個隨機數生成一個張量&#xff0c;其調用方法如下所示&#xff1a; torch.rand(sizes, outNone) ?? Tensor 參數&#xff1a; sizes&…

12.8_黑馬數據結構與算法筆記Java

目錄 044 遞歸 e04 冒泡排序2 044 遞歸 e05 插入排序1 044 遞歸 e05 插入排序2 045 多路遞歸 斐波那契 046 多路遞歸 斐波那契 時間復雜度 047 多路遞歸 斐波那契 兔子問題 048 多路遞歸 斐波那契 青蛙跳臺階 049 遞歸 優化 記憶法 050 遞歸 爆棧問題 051 遞歸 尾調用…

Linux驅動開發一

一、Linux驅動開發與裸機開發的區別 1、開發思維區別 裸機驅動&#xff1a; &#xff08;1&#xff09;底層&#xff0c;跟寄存器打交道&#xff0c;有些MCU提供了庫 Linux驅動&#xff1a; &#xff08;1&#xff09;Linux下驅動開發直接操作寄存器不現實 &#xff08;2…

【MATLAB源碼-第97期】基于matlab的能量谷優化算法(EVO)機器人柵格路徑規劃,輸出做短路徑圖和適應度曲線。

操作環境&#xff1a; MATLAB 2022a 1、算法描述 能量谷優化算法&#xff08;Energy Valley Optimization, EVO&#xff09;是一種啟發式優化算法&#xff0c;靈感來源于物理學中的“能量谷”概念。它試圖模擬能量在不同能量谷中的轉移過程&#xff0c;以尋找最優解。 在EVO…

Springboot+FastJson實現解析第三方http接口json數據為實體類(時間格式化轉換、字段包含中文)

場景 若依前后端分離版手把手教你本地搭建環境并運行項目&#xff1a; 若依前后端分離版手把手教你本地搭建環境并運行項目_前后端分離項目本地運行-CSDN博客 在上面搭建SpringBoot項目的基礎上&#xff0c;并且在項目中引入fastjson、hutool、lombok等所需依賴后。 系統需…

K8S學習指南(1)-docker的安裝

文章目錄 引言1. Windows 系統中安裝 Dockera. 確認系統要求b. 下載 Docker Desktopc. 安裝 Docker Desktopd. 配置 Docker Desktope. 驗證安裝 2. Ubuntu 系統中安裝 Dockera. 更新包列表b. 安裝依賴包c. 添加 Docker GPG 密鑰d. 添加 Docker APT 倉庫e. 安裝 Dockerf. 添加用…

unity 2d 入門 飛翔小鳥 小鳥跳躍 碰撞停止揮動翅膀動畫(十)

1、切換到動畫器 點擊make transition和exit關聯起來 2、設置參數 勾選掉Has Exit Time 3、腳本給動畫器傳參 using System.Collections; using System.Collections.Generic; using UnityEngine;public class Fly : MonoBehaviour {//獲取小鳥&#xff08;剛體&#xff09;p…

linux常用命令-pip命令詳解(超詳細)

文章目錄 前言一、pip命令介紹1. pip命令簡介2. pip命令的基本語法3. 常用的pip命令選項4. 常用的pip命令參數 二、pip命令示例用法1. 安裝包2. 卸載包3. 列出已安裝的包4. 搜索包5. 升級包 總結 前言 pip 是 Python 的包管理器&#xff0c;用于安裝和管理 Python 包。它提供了…

JVM常見垃圾回收器

串行垃圾回收器 Serial和Serial Old串行垃圾回收器&#xff0c;是指使用單線程進行垃圾回收&#xff0c;堆內存較小&#xff0c;適合個人電腦 Serial作用于新生代&#xff0c;采用復制算法 Serial Old作用于老年代&#xff0c;采用標記-整理算法 垃圾回收時&#xff0c;只有…

Windows 系統,TortoiseSVN 無法修改 Log 信息解決方法

使用SVN提交版本信息時&#xff0c;注釋內容寫的不全。通過右鍵TortoiseSVN的Show log看到提交的的注釋&#xff0c;右鍵看到Edit log message的選項&#xff0c;然而提交后卻給出錯誤提示&#xff1a; Repository has not been enabled to accept revision propchanges; ask …

linux如何刪除大文件的第一行(sed)

可以用sed命令實現&#xff1a; 刪除文檔的第一行 1. sed -i 1d <file>刪除文檔的最后一行 1. sed -i $d <file>在文檔指定行中增加一行 # 示例如下&#xff1a; echo "1"; echo "2"; echo "4"; echo "5"; # 想要在echo…

【PHP】php發送郵箱驗證碼格式美化,樣式美化

效果展示&#xff1a; 格式美化前 格式美化后 代碼 大多數框架都自帶有封裝好的發送email方法&#xff0c;就不多贅述&#xff0c;主要寫格式&#xff1a; <? php// 驗證碼過期時間 $expire 120; // 發件人郵箱 $from_email xx163.com; // 收件人 $to_email to163.com…

硬件產品經理常用的ChatGPT通用提示詞模板

產品策略&#xff1a;請幫助我制定一個硬件產品的產品策略。 市場調研&#xff1a;如何進行硬件產品的市場調研&#xff1f; 用戶需求&#xff1a;如何確定硬件產品的用戶需求&#xff1f; 產品設計&#xff1a;如何設計一個優秀的硬件產品&#xff1f; 用戶體驗&#xff1…

數據分析基礎之《matplotlib(5)—直方圖》

一、直方圖介紹 1、什么是直方圖 直方圖&#xff0c;形狀類似柱狀圖卻有著與柱狀圖完全不同的含義。直方圖牽涉統計學的概念&#xff0c;首先要對數據進行分組&#xff0c;然后統計每個分組內數據元的數量。在坐標系中&#xff0c;橫軸標出每個組的端點&#xff0c;縱軸表示頻…

無人機巡山護林,林業無人機智能助力綠色守護

隨著全球環保意識的不斷提高&#xff0c;無人機巡山護林已經成為解決森林巡檢難題的一種獨特而高效的方式。在我國&#xff0c;各地正積極探索無人機在森林防火、病蟲害監測以及生態調查等領域的創新應用。隨著無人機技術的不斷演進&#xff0c;其在推動森林保護和可持續發展方…