Skip to content

C
CFFP-HB
Commit c7d6cd9a by yuzhenWang
Options

切换分支

parent de413fa6
Showing with 261 additions and 255 deletions
components/search/search.vue
<template> <template>
<view class="search"> <view class="search">
<text class="iconfont icon-sousuo" @click="searchBtn()"></text>
<input <input
class="searchInput" class="searchInput"
type="text" type="text"
...@@ -9,9 +10,6 @@ ...@@ -9,9 +10,6 @@
@confirm="searchBtn()" @confirm="searchBtn()"
@input="handleInput" @input="handleInput"
/> />
<text class="iconfont icon-sousuo" @click="searchBtn()"></text>
<!-- <text class="iconfont icon-xiaoxi"></text>
<text class="system_msg" @click="jumpToSystemMsg()">{{messageUnreadCount}}</text> -->
</view> </view>
</template> </template>
...@@ -105,23 +103,24 @@ ...@@ -105,23 +103,24 @@
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.search{ .search{
display: flex; display: flex;
margin: 30rpx auto; margin: 30rpx auto;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
background: linear-gradient(to right,#E6F5FC,#FDE9F2); background-color: rgba(255, 255, 255, 0.5);
border-radius: 60rpx; border-radius: 15rpx;
padding: 0 15rpx;
.searchInput{ .searchInput{
margin-right: 20rpx; margin-left: 20rpx;
width: 85%; width: 85%;
padding: 15rpx; padding: 15rpx;
color: #fff;
} }
.icon-sousuo{ .icon-sousuo{
font-size: 50rpx; font-size: 50rpx;
margin-right: 10rpx; color: #fff;
opacity: .7;
} }
.icon-xiaoxi{ .icon-xiaoxi{
font-size: 50rpx; font-size: 50rpx;
......
environments/environment.ts
...@@ -37,7 +37,7 @@ const config = { ...@@ -37,7 +37,7 @@ const config = {
stage, stage,
prod prod
} }
let env = 'prod'; let env = 'dev';
let baseURL = config[env].base_url; let baseURL = config[env].base_url;
let apiURL = config[env].api_url; let apiURL = config[env].api_url;
......
manifest.json
...@@ -169,7 +169,7 @@ ...@@ -169,7 +169,7 @@
"vueVersion" : "3", "vueVersion" : "3",
"h5" : { "h5" : {
"router" : { "router" : {
"base" : "/appYdhomeoffice/", "base" : "/cffp/",
"mode" : "history" "mode" : "history"
}, },
"devServer" : { "devServer" : {
......
static/font1/demo_index.html
...@@ -55,6 +55,36 @@ ...@@ -55,6 +55,36 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe641;</span>
<div class="name">雷电</div>
<div class="code-name">&amp;#xe641;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe610;</span>
<div class="name">信息</div>
<div class="code-name">&amp;#xe610;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe759;</span>
<div class="name">搜索</div>
<div class="code-name">&amp;#xe759;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6be;</span>
<div class="name">使用教程</div>
<div class="code-name">&amp;#xe6be;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe65e;</span>
<div class="name">公司</div>
<div class="code-name">&amp;#xe65e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe115;</span> <span class="icon iconfont">&#xe115;</span>
<div class="name">下箭头</div> <div class="name">下箭头</div>
<div class="code-name">&amp;#xe115;</div> <div class="code-name">&amp;#xe115;</div>
...@@ -228,9 +258,9 @@ ...@@ -228,9 +258,9 @@
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1749031328434') format('woff2'), src: url('iconfont.woff2?t=1750063346486') format('woff2'),
url('iconfont.woff?t=1749031328434') format('woff'), url('iconfont.woff?t=1750063346486') format('woff'),
url('iconfont.ttf?t=1749031328434') format('truetype'); url('iconfont.ttf?t=1750063346486') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
...@@ -257,6 +287,51 @@ ...@@ -257,6 +287,51 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-leidian"></span>
<div class="name">
雷电
</div>
<div class="code-name">.icon-leidian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinxi"></span>
<div class="name">
信息
</div>
<div class="code-name">.icon-xinxi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sousuo"></span>
<div class="name">
搜索
</div>
<div class="code-name">.icon-sousuo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shiyongjiaocheng"></span>
<div class="name">
使用教程
</div>
<div class="code-name">.icon-shiyongjiaocheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gongsi"></span>
<div class="name">
公司
</div>
<div class="code-name">.icon-gongsi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiajiantou"></span> <span class="icon iconfont icon-xiajiantou"></span>
<div class="name"> <div class="name">
下箭头 下箭头
...@@ -519,6 +594,46 @@ ...@@ -519,6 +594,46 @@
<li class="dib"> <li class="dib">
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-leidian"></use>
</svg>
<div class="name">雷电</div>
<div class="code-name">#icon-leidian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xinxi"></use>
</svg>
<div class="name">信息</div>
<div class="code-name">#icon-xinxi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sousuo"></use>
</svg>
<div class="name">搜索</div>
<div class="code-name">#icon-sousuo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shiyongjiaocheng"></use>
</svg>
<div class="name">使用教程</div>
<div class="code-name">#icon-shiyongjiaocheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gongsi"></use>
</svg>
<div class="name">公司</div>
<div class="code-name">#icon-gongsi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiajiantou"></use> <use xlink:href="#icon-xiajiantou"></use>
</svg> </svg>
<div class="name">下箭头</div> <div class="name">下箭头</div>
......
static/font1/iconfont.css
@font-face { @font-face {
font-family: "iconfont"; /* Project id 4933433 */ font-family: "iconfont"; /* Project id 4933433 */
src: url('iconfont.woff2?t=1749031328434') format('woff2'), src: url('iconfont.woff2?t=1750063346486') format('woff2'),
url('iconfont.woff?t=1749031328434') format('woff'), url('iconfont.woff?t=1750063346486') format('woff'),
url('iconfont.ttf?t=1749031328434') format('truetype'); url('iconfont.ttf?t=1750063346486') format('truetype');
} }
.iconfont { .iconfont {
...@@ -13,6 +13,26 @@ ...@@ -13,6 +13,26 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-leidian:before {
content: "\e641";
}
.icon-xinxi:before {
content: "\e610";
}
.icon-sousuo:before {
content: "\e759";
}
.icon-shiyongjiaocheng:before {
content: "\e6be";
}
.icon-gongsi:before {
content: "\e65e";
}
.icon-xiajiantou:before { .icon-xiajiantou:before {
content: "\e115"; content: "\e115";
} }
......
static/font1/iconfont.js
This source diff could not be displayed because it is too large. You can view the blob instead.
static/font1/iconfont.json
...@@ -6,6 +6,41 @@ ...@@ -6,6 +6,41 @@
"description": "", "description": "",
"glyphs": [ "glyphs": [
{ {
"icon_id": "39934155",
"name": "雷电",
"font_class": "leidian",
"unicode": "e641",
"unicode_decimal": 58945
},
{
"icon_id": "4550364",
"name": "信息",
"font_class": "xinxi",
"unicode": "e610",
"unicode_decimal": 58896
},
{
"icon_id": "4933408",
"name": "搜索",
"font_class": "sousuo",
"unicode": "e759",
"unicode_decimal": 59225
},
{
"icon_id": "29085756",
"name": "使用教程",
"font_class": "shiyongjiaocheng",
"unicode": "e6be",
"unicode_decimal": 59070
},
{
"icon_id": "29941060",
"name": "公司",
"font_class": "gongsi",
"unicode": "e65e",
"unicode_decimal": 58974
},
{
"icon_id": "9021520", "icon_id": "9021520",
"name": "下箭头", "name": "下箭头",
"font_class": "xiajiantou", "font_class": "xiajiantou",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment