Merge branch 'master' of http://git.ycjcjy.com/pet_identity/miniapp

src/app.js

@@ -1,6 +1,6 @@
 import { Component } from 'react'
 import Taro from '@tarojs/taro';
-
+//at.alicdn.com/t/font_3429358_khwsvk6pgxm.css
 import store, { StoreRoot, useModel } from './store'
 
 import './app.less'
@@ -8,7 +8,9 @@ import { View } from '@tarojs/components';
 
 class App extends Component {
 
-  componentDidMount () { }
+  componentDidMount () {
+
+  }
 
   componentDidShow () { }
 
@@ -16,20 +18,30 @@ class App extends Component {
 
   componentDidCatchError () { }
   onLaunch (options) {
+
     const { logins, setUserLocation } = store.getModel('userData').getState()
 
 
     // 登录获取人员信息
-
-
     Taro.login({
       success: (res) => {
         const { code } = res;
         logins({ code })
-
-
       }
     })
+    Taro.loadFontFace({
+      family: 'iconfont',
+      source: 'url("//at.alicdn.com/t/font_3429358_r17zty6kva.ttf?t=1653534540687")',
+      success () {
+        console.log('eeeeeeeeee');
+
+      },
+      fail (e) {
+        console.log(e);
+      }
+    })
+
+
 
   }
 

src/app.less

@@ -1,3 +1,5 @@
+@import "./components/ViewIcon/style.less";
+
 page {
   background-color: #f5f5f5;
 }

src/components/ViewIcon/index.jsx

@@ -0,0 +1,18 @@
+import Taro from '@tarojs/taro';
+import { View, Text, Swiper, SwiperItem, Image } from '@tarojs/components';
+import './style.less'
+
+export default (props) => {
+  const { size, icon, color } = props;
+  const styleIcon = {
+    display: 'inline-block',
+    fontSize: `${size}px`,
+    color: color,
+
+  }
+
+  return (
+    <View className={`iconfont icon-${icon}`} style={styleIcon}></View>
+  )
+
+}

src/components/ViewIcon/style.less

@@ -0,0 +1,49 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3429358 */
+  src: url("//at.alicdn.com/t/font_3429358_r17zty6kva.ttf?t=1653534540687")
+    format("truetype");
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-tongzhigonggao:before {
+  content: "\e634";
+}
+
+.icon-icon-test:before {
+  content: "\e618";
+}
+
+.icon-dingdan:before {
+  content: "\e897";
+}
+
+.icon-jihuajindu:before {
+  content: "\e600";
+}
+
+.icon-alibaba-banzhengfuwu:before {
+  content: "\e892";
+}
+
+.icon-gouzheng:before {
+  content: "\e632";
+}
+
+.icon-wode:before {
+  content: "\e604";
+}
+
+.icon-guashi:before {
+  content: "\e636";
+}
+
+.icon-xuqi:before {
+  content: "\e613";
+}

src/pages/main/index.config.js

@@ -5,6 +5,8 @@ export default {
   navigationBarTextStyle: "black",
   backgroundColor: "#FBD804",
   usingComponents: {
+    "mp-cells": "weui-miniprogram/cells/cells",
+    "mp-cell": "weui-miniprogram/cell/cell",
   }
 
 }

src/pages/main/index.jsx

@@ -1,15 +1,37 @@
 import { View, Text, Image } from '@tarojs/components'
 import Taro from '@tarojs/taro';
+import ViewIcon from '../../components/ViewIcon';
+import listImage from '../../assets/listImage.png'//办证
+
 
 import './style.less'
 
 export default (props) => {
 
-
+  const goDogList = () => {
+    console.log('e',);
+  }
   return (
-    <View className='index-UserQRcode'>
+    <View className='user-box'>
+
+      <View className='user-box-Card'>
+        <Image />
+      </View>
+
+      <mp-cells ext-class='my-cells' >
+        <mp-cell link hover>
+          <View className='iconCell'>
+            <ViewIcon icon='dingdan' size={25} />
+            {/* <Image slot='icon' src={listImage} style='margin-right: 16px;vertical-align: middle;width:28px; height: 30px;' /> */}
+
+            <View onClick={goDogList} style='padding-left:5px;width:80%'>申请列表</View>
+
+          </View>
+
+        </mp-cell>
 
-    </View>
+      </mp-cells>
+    </View >
   )
 }
 

src/pages/main/style.less

@@ -0,0 +1,6 @@
+.user-box {
+  .iconCell {
+    display: flex;
+    align-items: center;
+  }
+}