feat: 更新icon

dist/pages/home/index.wxss

@@ -22,3 +22,9 @@
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/notice-bar/index.css ***!
   \***************************************************************************************************************************************************************************************************************************/
 .van-notice-bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:80rpx;height:var(--notice-bar-height,80rpx);padding:0 32rpx;padding:var(--notice-bar-padding,0 32rpx);font-size:28rpx;font-size:var(--notice-bar-font-size, 28rpx);color:#ed6a0c;color:var(--notice-bar-text-color,#ed6a0c);line-height:48rpx;line-height:var(--notice-bar-line-height, 48rpx);background-color:#fffbe8;background-color:var(--notice-bar-background-color,#fffbe8)}.van-notice-bar--withicon{position:relative;padding-right:80rpx}.van-notice-bar--wrapable{height:auto;padding:16rpx 32rpx;padding:var(--notice-bar-wrapable-padding,16rpx 32rpx)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal}.van-notice-bar__left-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:8rpx;vertical-align:middle;font-size:32rpx;font-size:var(--notice-bar-icon-size, 32rpx);min-width:44rpx;min-width:var(--notice-bar-icon-min-width,44rpx)}.van-notice-bar__right-icon{position:absolute;top:20rpx;right:30rpx;font-size:32rpx;font-size:var(--notice-bar-icon-size, 32rpx);min-width:44rpx;min-width:var(--notice-bar-icon-min-width,44rpx)}.van-notice-bar__wrap{position:relative;-webkit-flex:1;flex:1;overflow:hidden;height:48rpx;height:var(--notice-bar-line-height,48rpx)}.van-notice-bar__content{position:absolute;white-space:nowrap}.van-notice-bar__content.van-ellipsis{max-width:100%}
+/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/cache-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[3]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[5]!./src/pages/home/index.scss ***!
+  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.iconStyle {
+  color: red;
+}

src/pages/home/index.scss

@@ -0,0 +1,3 @@
+.iconStyle{
+    color: red;
+}

src/pages/home/index.tsx

@@ -18,6 +18,8 @@ import Taro from "@tarojs/taro";
 import { Tabbar, TabbarItem } from "@antmjs/vantui";
 import TabbarCom from "../components/TabbarCom";
 import { getTable, getTableid } from "../../utils/index";
+import { Icon } from "@antmjs/vantui";
+import './index.scss'
 
 const Home = () => {
   // const { images } = COMMON
@@ -56,6 +58,8 @@ const Home = () => {
 
   return (
     <View>
+      
+
       {/* 通知条 */}
       <NoticeBar
         leftIcon="volume-o"
@@ -96,8 +100,9 @@ const Home = () => {
       {/* 模块 */}
       <Grid>
         <GridItem
-          icon="photo-o"
+          icon="star"
           text="打卡"
+          className="iconStyle"
           onClick={() => {
             Toast.success({
               message: "打卡成功",
@@ -106,7 +111,8 @@ const Home = () => {
           }}
         />
         <GridItem
-          icon="photo-o"
+          icon="like"
+          className="iconStyle"
           text="十峰"
           onClick={() => {
             // 跳转到目的页面，打开新页面
@@ -116,7 +122,8 @@ const Home = () => {
           }}
         />
         <GridItem
-          icon="photo-o"
+          icon="eye"
+          className="iconStyle"
           text="活动"
           onClick={() => {
             // 跳转到目的页面，打开新页面
@@ -127,13 +134,14 @@ const Home = () => {
         />
 
         <GridItem
-          icon="photo-o"
+          icon="manager"
+          className="iconStyle"
           text="招募"
           onClick={() => {
-              // 跳转到目的页面，打开新页面
-              Taro.navigateTo({
-                url: "/pages/formSubmit/index",
-              });
+            // 跳转到目的页面，打开新页面
+            Taro.navigateTo({
+              url: "/pages/formSubmit/index",
+            });
           }}
         />
       </Grid>