Skip to content

肖康 / cloudSystem

Go to a project
Commit 3e9319b1 by liangjianmin
Options

Merge branch 'master' of http://119.23.72.7/xiaokang/cloudSystem

parents 51df486d 741b75b1
Expand all
Inline Side-by-side
Showing with 126 additions and 14 deletions
src/assets/css/font/demo_index.html
...@@ -55,6 +55,12 @@ ...@@ -55,6 +55,12 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe659;</span>
<div class="name">upload</div>
<div class="code-name">&amp;#xe659;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe658;</span> <span class="icon iconfont">&#xe658;</span>
<div class="name">pdf</div> <div class="name">pdf</div>
<div class="code-name">&amp;#xe658;</div> <div class="code-name">&amp;#xe658;</div>
...@@ -186,9 +192,9 @@ ...@@ -186,9 +192,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=1621221730032') format('woff2'), src: url('iconfont.woff2?t=1621239665352') format('woff2'),
url('iconfont.woff?t=1621221730032') format('woff'), url('iconfont.woff?t=1621239665352') format('woff'),
url('iconfont.ttf?t=1621221730032') format('truetype'); url('iconfont.ttf?t=1621239665352') format('truetype');
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
...@@ -215,6 +221,15 @@ ...@@ -215,6 +221,15 @@
<ul class="icon_lists dib-box"> <ul class="icon_lists dib-box">
<li class="dib"> <li class="dib">
<span class="icon iconfont iconupload"></span>
<div class="name">
upload
</div>
<div class="code-name">.iconupload
</div>
</li>
<li class="dib">
<span class="icon iconfont iconpdf"></span> <span class="icon iconfont iconpdf"></span>
<div class="name"> <div class="name">
pdf pdf
...@@ -414,6 +429,14 @@ ...@@ -414,6 +429,14 @@
<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="#iconupload"></use>
</svg>
<div class="name">upload</div>
<div class="code-name">#iconupload</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconpdf"></use> <use xlink:href="#iconpdf"></use>
</svg> </svg>
<div class="name">pdf</div> <div class="name">pdf</div>
......
src/assets/css/font/iconfont.css
@font-face { @font-face {
font-family: "iconfont"; /* Project id 2537242 */ font-family: "iconfont"; /* Project id 2537242 */
src: url('iconfont.woff2?t=1621221730032') format('woff2'), src: url('iconfont.woff2?t=1621239665352') format('woff2'),
url('iconfont.woff?t=1621221730032') format('woff'), url('iconfont.woff?t=1621239665352') format('woff'),
url('iconfont.ttf?t=1621221730032') format('truetype'); url('iconfont.ttf?t=1621239665352') format('truetype');
} }
.iconfont { .iconfont {
...@@ -13,6 +13,10 @@ ...@@ -13,6 +13,10 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.iconupload:before {
content: "\e659";
}
.iconpdf:before { .iconpdf:before {
content: "\e658"; content: "\e658";
} }
......
src/assets/css/font/iconfont.json
...@@ -6,6 +6,13 @@ ...@@ -6,6 +6,13 @@
"description": "猎芯云芯系统前端", "description": "猎芯云芯系统前端",
"glyphs": [ "glyphs": [
{ {
"icon_id": "21649397",
"name": "upload",
"font_class": "upload",
"unicode": "e659",
"unicode_decimal": 58969
},
{
"icon_id": "21637635", "icon_id": "21637635",
"name": "pdf", "name": "pdf",
"font_class": "pdf", "font_class": "pdf",
......
src/assets/css/info/message.less 0 → 100644
.messagexk{
.message-box{
background: #fff;
padding:20px;
height:calc(100vh - 136px);
.h3{
font-size: 16px;
color:#333;
font-weight: bold;
position: relative;
&::before{
content:"";
width:3px;
height:100%;
background:#1969F9;
position: absolute;
left:-20px;
top:0px;
}
}
.el-form{
float:left;
.el-form-item__label{color:#333;}
.el-input{width:280px;color:#333;}
padding-top: 35px;
.el-input.is-disabled .el-input__inner{
background: #F1F4FA;
border:1px solid #F1F4FA;
color:#333;
}
.submits{
margin-top: 26px;
cursor: pointer;
width: 76px;
height: 37px;
line-height: 37px;
background: #1969F9;
border-radius: 2px;
font-size: 14px;
color:#fff;
text-align: center;
&:hover{
background: #0050E0;
}
}
}
}
}
\ No newline at end of file
src/assets/css/info/message.min.css 0 → 100644
.messagexk .message-box{background:#fff;padding:20px;height:calc(100vh - 136px)}.messagexk .message-box .h3{font-size:16px;color:#333;font-weight:bold;position:relative}.messagexk .message-box .h3::before{content:"";width:3px;height:100%;background:#1969F9;position:absolute;left:-20px;top:0px}.messagexk .message-box .el-form{float:left;padding-top:35px}.messagexk .message-box .el-form .el-form-item__label{color:#333}.messagexk .message-box .el-form .el-input{width:280px;color:#333}.messagexk .message-box .el-form .el-input.is-disabled .el-input__inner{background:#F1F4FA;border:1px solid #F1F4FA;color:#333}.messagexk .message-box .el-form .submits{margin-top:26px;cursor:pointer;width:76px;height:37px;line-height:37px;background:#1969F9;border-radius:2px;font-size:14px;color:#fff;text-align:center}.messagexk .message-box .el-form .submits:hover{background:#0050E0}
\ No newline at end of file
src/views/Info/message.vue
<template> <template>
<div class="message-page"> <div class="messagexk pagex">
<Menu/> <div class="message-box">
<el-form :model="ruleForm" ref="ruleForm" label-width="100px"> <div class="h3">基本信息</div>
<el-form :model="form" label-width="90px">
<el-form-item label="公司名称">
<el-input v-model="form.keyword" placeholder="" disabled></el-input>
</el-form-item>
<el-form-item label="联系人">
<el-input v-model="form.keyword"></el-input>
</el-form-item>
<el-form-item label="联系人电话">
<el-input v-model="form.keyword" disabled></el-input>
</el-form-item>
<el-form-item label="邮箱">
<el-input v-model="form.keyword"></el-input>
</el-form-item>
<el-form-item >
<div class="submits">确认</div>
</el-form-item>
</el-form> </el-form>
</div>
<Menu/>
</div> </div>
</template> </template>
<script> <script>
...@@ -11,15 +29,21 @@ ...@@ -11,15 +29,21 @@
import Menu from "@/components/menu.vue"; import Menu from "@/components/menu.vue";
import { import {
Button, Form,
FormItem,
Input,
Message Message
} from 'element-ui' } from 'element-ui'
Vue.use(Button) Vue.use(Form).use(FormItem).use(Input)
export default { export default {
name: "message", name: "message",
data() { data() {
return {}; return {
form:{
keyword:""
}
};
}, },
watch: {}, watch: {},
created() { created() {
...@@ -35,5 +59,5 @@ ...@@ -35,5 +59,5 @@
}; };
</script> </script>
<style scoped> <style scoped>
/* @import "../../assets/css/index/index.min.css"; */ @import "../../assets/css/info/message.min.css";
</style> </style>
\ No newline at end of file
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 sign in to comment