前端

xiaochengxu/App.vue

@@ -1,33 +1,10 @@
 <script>
 	export default {
-		 globalData: {
-		    statusBarHeight: 0, // 状态导航栏高度
-		    navHeight: 0, // 总体高度
-		    navigationBarHeight: 0, // 导航栏高度(标题栏高度)
-		},
+
 		onLaunch: function() {
 			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
 			console.log('App Launch')
-			    console.log("App Launch")
-			 
-			    // 状态栏高度
-			    this.globalData.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
-			 
-			    // #ifdef MP-WEIXIN
-			    // 获取微信胶囊的位置信息 width,height,top,right,left,bottom
-			    const custom = wx.getMenuButtonBoundingClientRect()
-			    // console.log(custom)
-			 
-			    // 导航栏高度(标题栏高度) = 胶囊高度 + (顶部距离 - 状态栏高度) * 2
-			    this.globalData.navigationBarHeight = custom.height + (custom.top - this.globalData.statusBarHeight) * 2
-			    // console.log("导航栏高度："+this.globalData.navigationBarHeight)
-			 
-			    // 总体高度 = 状态栏高度 + 导航栏高度
-			    this.globalData.navHeight = this.globalData.navigationBarHeight + this.globalData.statusBarHeight
-			 
-			    // #endif
-			 
-			    console.log(this.globalData)
+
 		},
 		onShow: function() {
 			console.log('App Show')
@@ -42,7 +19,7 @@
 	/*每个页面公共css */
 	@import "@/uni_modules/uview-ui/index.scss";
 	@import '@/uni_modules/uni-scss/index.scss';
-	// @import '/static/iconfont/iconfont.css';
+	// @import '/static/icons/iconfont.css';
 	@import '@/static/styles/index.scss';
 	/* #ifndef APP-NVUE */
 	@import '@/static/customicons.css';

xiaochengxu/pages/mySet/myCard.vue

@@ -1,12 +1,12 @@
 <template>
 	<view>
 		<view>
-			 <u-navbar
+			 <u-navbar placeholder
 			            title="我的证件"
 			           @leftClick="leftClick"
 			        >
 			        </u-navbar>
-				<view style="margin-top:70px;" class="flex">
+				<view class="flex">
 			<!-- <view :style="{'margin-top':navHeight  +'px'}" class="flex"> -->
 				<view @click='addclick' class="button">新增</view>
 				<view @click='share' class="button">分享</view>
@@ -107,11 +107,10 @@
 </template>
 
 <script>
-	import {systemInfo} from '@/mixin.js';
 	import uploadImage from '@/components/ossutil/uploadFile.js'; 
 	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
 	export default {
-		mixins: [MescrollMixin,systemInfo],
+		mixins: [MescrollMixin],
 		
 		data() {
 			return {
@@ -132,7 +131,7 @@
 			};
 		},
 		onLoad() {
-			console.log(this.statusBarHeight,this.navigationBarHeight ,this.windowHeight ,this.navHeight)
+			
 				// this.getList()
 		},
 		onShow() {

xiaochengxu/static/icons/demo_index.html

@@ -54,6 +54,18 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe669;</span>
+                <div class="name">朋友圈</div>
+                <div class="code-name">&amp;#xe669;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe66c;</span>
+                <div class="name">微信</div>
+                <div class="code-name">&amp;#xe66c;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe759;</span>
                 <div class="name">通知</div>
@@ -78,9 +90,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1680852078596') format('woff2'),
-       url('iconfont.woff?t=1680852078596') format('woff'),
-       url('iconfont.ttf?t=1680852078596') format('truetype');
+  src: url('iconfont.woff2?t=1681436897668') format('woff2'),
+       url('iconfont.woff?t=1681436897668') format('woff'),
+       url('iconfont.ttf?t=1681436897668') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -106,6 +118,24 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-pengyouquan"></span>
+            <div class="name">
+              朋友圈
+            </div>
+            <div class="code-name">.icon-pengyouquan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-weixin"></span>
+            <div class="name">
+              微信
+            </div>
+            <div class="code-name">.icon-weixin
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-tongzhi"></span>
             <div class="name">
@@ -142,6 +172,22 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-pengyouquan"></use>
+                </svg>
+                <div class="name">朋友圈</div>
+                <div class="code-name">#icon-pengyouquan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-weixin"></use>
+                </svg>
+                <div class="name">微信</div>
+                <div class="code-name">#icon-weixin</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-tongzhi"></use>

xiaochengxu/static/icons/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4001868 */
-  src: url('iconfont.woff2?t=1680852078596') format('woff2'),
-       url('iconfont.woff?t=1680852078596') format('woff'),
-       url('iconfont.ttf?t=1680852078596') format('truetype');
+  src: url('iconfont.woff2?t=1681436897668') format('woff2'),
+       url('iconfont.woff?t=1681436897668') format('woff'),
+       url('iconfont.ttf?t=1681436897668') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-pengyouquan:before {
+  content: "\e669";
+}
+
+.icon-weixin:before {
+  content: "\e66c";
+}
+
 .icon-tongzhi:before {
   content: "\e759";
 }

xiaochengxu/static/icons/iconfont.json

@@ -5,6 +5,20 @@
   "css_prefix_text": "icon-",
   "description": "电子名片",
   "glyphs": [
+    {
+      "icon_id": "599908",
+      "name": "朋友圈",
+      "font_class": "pengyouquan",
+      "unicode": "e669",
+      "unicode_decimal": 58985
+    },
+    {
+      "icon_id": "599933",
+      "name": "微信",
+      "font_class": "weixin",
+      "unicode": "e66c",
+      "unicode_decimal": 58988
+    },
     {
       "icon_id": "577374",
       "name": "通知",