Skip to content

W
web-site
Commit 1a12e949 authored by zhangdong's avatar zhangdong
Browse files
Options

样式修改一些px

parent 6bfe90fe
Show whitespace changes
Inline Side-by-side
Showing with 385 additions and 309 deletions
assets/css/common.css
View file @ 1a12e949
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
margin: 0; margin: 0;
} }
body{ body{
min-width: 1200px; min-width: 12rem;
} }
a { a {
text-decoration: none; text-decoration: none;
......
pages/index/index.vue
View file @ 1a12e949
<template> <template>
<div class="homepage" > <div class="homepage">
<div class="content "> <div class="content">
<div class="banner"> <div class="banner">
<el-carousel trigger="click" height="5.3rem" width="100%" > <el-carousel trigger="click" height="5.3rem" width="100%">
<el-carousel-item v-for="(item,index) in picArr" :key="index"> <el-carousel-item
<img :src="item.pic" alt="" class="src-img"> v-for="(item, index) in picArr"
:key="index"
class="carousel-item"
>
<img :src="item.pic" alt="" class="src-img" />
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
<!-- <img src="~/assets/images/back.png" style="height:5.3rem;width:100%"> --> <!-- <img src="~/assets/images/back.png" style="height:5.3rem;width:100%"> -->
</div> </div>
<div class="loginbox"> <div class="loginbox">
<div class="login" > <div class="login">
<div class="author" > <div class="author">
<img src="~/assets/css/user.png"> <img src="~/assets/css/user.png" />
</div> </div>
<div class="login-title">{{userName}}</div> <div class="login-title">{{ userName }}</div>
<div class="login-button t10" @click="loginuser" v-show="showDefault">用户登录</div> <div class="login-button t10" @click="loginuser" v-show="showDefault">
<div class="login-button t11" @click="Merchant" v-show="showDefault" >商家入驻</div> 用户登录
<div class="login-button" v-show="!showDefault" @click="pushH">管理后台</div> </div>
<div class="flex" style="margin-top:20px"> <div class="login-button t11" @click="Merchant" v-show="showDefault">
商家入驻
</div>
<div class="login-button" v-show="!showDefault" @click="pushH">
管理后台
</div>
<div class="flex" style="margin-top: 0.2rem">
<span v-show="showDefault">还没有账号?</span> <span v-show="showDefault">还没有账号?</span>
<span class="font" @click="reg" v-show="showDefault"> 我要注册</span> <span class="font" @click="reg" v-show="showDefault">
我要注册</span
>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="message">
<div
v-for="(item, index) in messageList"
:key="index"
class="message-item"
>
<div class="t12">{{ item.head }}</div>
<div>
<img style="border-top: 2px solid #d8d8d8" :src="item.src" alt="" />
<div style="margin-top: 30px">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ "" + item.title }}
</div> </div>
<div class=" message">
<div v-for="(item,index) in messageList" :key="index" class="message-item">
<div class=" t12">{{item.head}}</div>
<div >
<img style="border-top:2px solid #D8D8D8" :src="item.src" alt="" >
<div style="margin-top:30px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{''+item.title}}</div>
</div> </div>
</div> </div>
</div> </div>
<div class="message flex-between"> <div class="message flex-between">
<div class="dynamic-item"> <div class="dynamic-item">
<div class="flex-between col"> <div class="flex-between col">
<div class="t3 " @click="latformDynamics">平台动态</div> <div class="t3" @click="latformDynamics">平台动态</div>
<div class="more t1 list-con" @click="latformDynamics">更多></div> <div class="more t1 list-con" @click="latformDynamics">更多></div>
</div> </div>
<ul> <ul>
<li v-for="(item,index) in dynamic1" :key="index" v-show="index<5" class="flex-between list-con" > <li
<div @click="linkTo2(item.id)" class="newsSty">{{item.title}}</div> v-for="(item, index) in dynamic1"
<div class="time">{{item.createTime.slice(0,10)}}</div> :key="index"
v-show="index < 5"
class="flex-between list-con"
>
<div @click="linkTo2(item.id)" class="newsSty">
{{ item.title }}
</div>
<div class="time">{{ item.createTime.slice(0, 10) }}</div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -53,9 +78,16 @@ ...@@ -53,9 +78,16 @@
<div class="more t1 list-con" @click="lawsRegulations">更多></div> <div class="more t1 list-con" @click="lawsRegulations">更多></div>
</div> </div>
<ul> <ul>
<li v-for="(item,index) in dynamic2" :key="index" v-show="index<5" class="flex-between list-con" > <li
<div @click="linkTo1(item.id)" class="newsSty">{{item.title}}</div> v-for="(item, index) in dynamic2"
<div class="time">{{item.createTime.slice(0,10)}}</div> :key="index"
v-show="index < 5"
class="flex-between list-con"
>
<div @click="linkTo1(item.id)" class="newsSty">
{{ item.title }}
</div>
<div class="time">{{ item.createTime.slice(0, 10) }}</div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -65,9 +97,14 @@ ...@@ -65,9 +97,14 @@
<div class="more t1 list-con" @click="newsInfo">更多></div> <div class="more t1 list-con" @click="newsInfo">更多></div>
</div> </div>
<ul> <ul>
<li v-for="(item,index) in dynamic3" :key="index" v-show="index<5" class="flex-between list-con" > <li
<div @click="linkTo(item.id)" class="newsSty">{{item.title}}</div> v-for="(item, index) in dynamic3"
<div class="time">{{item.createTime.slice(0,10)}}</div> :key="index"
v-show="index < 5"
class="flex-between list-con"
>
<div @click="linkTo(item.id)" class="newsSty">{{ item.title }}</div>
<div class="time">{{ item.createTime.slice(0, 10) }}</div>
</li> </li>
</ul> </ul>
</div> </div>
...@@ -85,409 +122,448 @@ ...@@ -85,409 +122,448 @@
</template> </template>
<script> <script>
import url from "@/assets/js/url.js" import url from "@/assets/js/url.js";
import {getLoopPic} from '@/common/list.js' import { getLoopPic } from "@/common/list.js";
import {getSecond,getListSite,getListSite1,getListSite2} from '@/common/list.js' import {
import Cookies from "js-cookie" getSecond,
export default { getListSite,
mounted(){ getListSite1,
this.getSecond() getListSite2,
this.getLoopPic() } from "@/common/list.js";
this.getListSite() import Cookies from "js-cookie";
this.getListSite1() export default {
this.getListSite2() mounted() {
let status = this.$route.query.status this.getSecond();
if(status=="1"){ this.getLoopPic();
Cookies.remove("token") this.getListSite();
this.$router.push("/login/user") this.getListSite1();
this.getListSite2();
let status = this.$route.query.status;
if (status == "1") {
Cookies.remove("token");
this.$router.push("/login/user");
} }
}, },
async asyncData({ params, route, error }){ async asyncData({ params, route, error }) {
/* let mes = { /* let mes = {
bannerWeb:1 bannerWeb:1
} */ } */
const {data} = await getLoopPic() const { data } = await getLoopPic();
return{ return {
picArr:data, picArr: data,
} };
}, },
methods:{ methods: {
//注册 //注册
reg(){ reg() {
this.$router.push("/login/examine") this.$router.push("/login/examine");
}, },
//新闻 //新闻
linkTo(cateId){ linkTo(cateId) {
Cookies.set("detailsType",1) Cookies.set("detailsType", 1);
Cookies.set("detailsId",cateId) Cookies.set("detailsId", cateId);
let url = "/message/news?id=123" let url = "/message/news?id=123";
Cookies.set("linktoUrl",url) Cookies.set("linktoUrl", url);
this.$router.push(url) this.$router.push(url);
console.log(cateId+'-------------++++++++++++') console.log(cateId + "-------------++++++++++++");
}, },
//法律 //法律
linkTo1(cateId){ linkTo1(cateId) {
Cookies.set("detailsType",1) Cookies.set("detailsType", 1);
Cookies.set("detailsId",cateId) Cookies.set("detailsId", cateId);
let url = "/message/news?id=125" let url = "/message/news?id=125";
Cookies.set("linktoUrl",url) Cookies.set("linktoUrl", url);
this.$router.push(url) this.$router.push(url);
console.log(cateId+'-------------++++++++++++') console.log(cateId + "-------------++++++++++++");
}, },
//平台 //平台
linkTo2(cateId){ linkTo2(cateId) {
Cookies.set("detailsType",1) Cookies.set("detailsType", 1);
Cookies.set("detailsId",cateId) Cookies.set("detailsId", cateId);
let url = "/message/news?id=124" let url = "/message/news?id=124";
Cookies.set("linktoUrl",url) Cookies.set("linktoUrl", url);
this.$router.push(url) this.$router.push(url);
}, },
latformDynamics(){ latformDynamics() {
this.$router.push("/message/news?id=124") this.$router.push("/message/news?id=124");
}, },
lawsRegulations(){ lawsRegulations() {
this.$router.push("/message/news?id=125") this.$router.push("/message/news?id=125");
}, },
newsInfo(){ newsInfo() {
this.$router.push("/message/news?id=123") this.$router.push("/message/news?id=123");
}, },
//平台动态跳转 //平台动态跳转
Merchant(){ Merchant() {
this.$router.push('/login/examine') this.$router.push("/login/examine");
}, },
async getListSite(){ async getListSite() {
let me = {} let me = {};
me.cateId = 124 me.cateId = 124;
const {data,id} = await getListSite(me) const { data, id } = await getListSite(me);
this.dynamic1 = data this.dynamic1 = data;
}, },
async getListSite1(){ async getListSite1() {
let mes = {} let mes = {};
mes.cateId = 125 mes.cateId = 125;
const {data} = await getListSite1(mes) const { data } = await getListSite1(mes);
this.dynamic2 = data this.dynamic2 = data;
}, },
async getListSite2(){ async getListSite2() {
let mess = {} let mess = {};
mess.cateId = 123 mess.cateId = 123;
const {data} = await getListSite2(mess) const { data } = await getListSite2(mess);
this.dynamic3 = data this.dynamic3 = data;
}, },
//添加验证方法 //添加验证方法
async getSecond(){ async getSecond() {
let tokenStr = Cookies.get('token') let tokenStr = Cookies.get("token");
if(tokenStr){ if (tokenStr) {
this.showDefault = false this.showDefault = false;
const {data} = await getSecond() const { data } = await getSecond();
Cookies.set("companyName",data.companyName) Cookies.set("companyName", data.companyName);
Cookies.set("isSupplier",data.type) Cookies.set("isSupplier", data.type);
this.userName = Cookies.get("companyName") this.userName = Cookies.get("companyName");
/* let type=1 /* let type=1
sessionStorage.setItem("companyNameType",type) */ sessionStorage.setItem("companyNameType",type) */
let url = Cookies.get("Id") let url = Cookies.get("Id");
let Status = Cookies.get("status") let Status = Cookies.get("status");
if(Status =="1"){ if (Status == "1") {
this.$router.push("/notice/enquirydetails?id="+url) this.$router.push("/notice/enquirydetails?id=" + url);
Cookies.remove("status") Cookies.remove("status");
} }
} }
let BIDID = Cookies.get("bidId") let BIDID = Cookies.get("bidId");
let SIGN = Cookies.get("sign") let SIGN = Cookies.get("sign");
if(SIGN=="1"){ if (SIGN == "1") {
this.$router.push("/notice/biddingdetails?id="+BIDID) this.$router.push("/notice/biddingdetails?id=" + BIDID);
Cookies.remove("sign") Cookies.remove("sign");
} }
}, },
loginuser(){ loginuser() {
this.$router.push("/login/user") this.$router.push("/login/user");
}, },
async getLoopPic(){ async getLoopPic() {
/* let message = {} /* let message = {}
message.status =1 */ message.status =1 */
const {data} = await getLoopPic(/* message */) const { data } = await getLoopPic(/* message */);
this.picArr = data this.picArr = data;
}, },
//添加退出按钮 清空token //添加退出按钮 清空token
checkout(){ checkout() {
Cookies.remove("token") Cookies.remove("token");
this.$router.push("/login/user") this.$router.push("/login/user");
}, },
pushH(){ pushH() {
let token=Cookies.get("token") let token = Cookies.get("token");
/* 判断为供应商还是供应商 */ /* 判断为供应商还是供应商 */
let type = Cookies.get("isSupplier") let type = Cookies.get("isSupplier");
if(token){ if (token) {
if(type=="1"){ if (type == "1") {
window.location.href=url+`/#/purchaser/Home?token=${token}` window.location.href = url + `/#/purchaser/Home?token=${token}`;
}
if(type=="2"){
window.location.href=url+`/#/supply/Home?token=${token}`
} }
if (type == "2") {
window.location.href = url + `/#/supply/Home?token=${token}`;
} }
} }
}, },
},
data() { data() {
return { return {
id:123, id: 123,
dataList:[], dataList: [],
dynamic1:[], dynamic1: [],
dynamic2:[], dynamic2: [],
dynamic3:[], dynamic3: [],
showDefault:true, showDefault: true,
userName:'Hi~欢迎来到易优采', userName: "Hi~欢迎来到易优采",
userHeader: '', userHeader: "",
picList:[], picList: [],
picArr:[], picArr: [],
messageList: [{ messageList: [
{
head: "基地直供专区", head: "基地直供专区",
src: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601376244670&di=5f449198437dbff6319c2c907fdf25b6&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20171026%2F35d7c15621094837aeed7a92c30503de.jpeg", src:
title: "脱贫攻坚是一场直接关系到夺取决胜全面建成小康社会的硬仗和大仗，需要全国各行各业和全社会的高度关注和大力支持，更需要各地因地制宜、创新方式，开展卓有成效的扶贫帮困活动。在我国，许多贫困村地处偏远，农产品销售渠道不畅通，农产品滞销严重影响贫困户脱贫增收。北京学校基地直供平台开设“工会采购专区”旨在为贫困地区农产品拓展销售渠道，将当地优秀的农副产品由田间地头搬到学生餐桌的同时，也将它展示给在校老师。基地直供平台依托自身互联网优势，开设工会采购专区能更好的让贫困地区农产品流通在线化、数据化，提高了流通和交易效率" "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1601376244670&di=5f449198437dbff6319c2c907fdf25b6&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20171026%2F35d7c15621094837aeed7a92c30503de.jpeg",
title:
"脱贫攻坚是一场直接关系到夺取决胜全面建成小康社会的硬仗和大仗，需要全国各行各业和全社会的高度关注和大力支持，更需要各地因地制宜、创新方式，开展卓有成效的扶贫帮困活动。在我国，许多贫困村地处偏远，农产品销售渠道不畅通，农产品滞销严重影响贫困户脱贫增收。北京学校基地直供平台开设“工会采购专区”旨在为贫困地区农产品拓展销售渠道，将当地优秀的农副产品由田间地头搬到学生餐桌的同时，也将它展示给在校老师。基地直供平台依托自身互联网优势，开设工会采购专区能更好的让贫困地区农产品流通在线化、数据化，提高了流通和交易效率",
}, },
{ {
head: "扶贫专区", head: "扶贫专区",
src:"http://photocdn.sohu.com/20111209/Img328459051.jpg", src: "http://photocdn.sohu.com/20111209/Img328459051.jpg",
title: "中国交建与怒江的联系可以追溯到上世纪90年代，2002年起，按照国务院扶贫开发领导小组的统一部署开始对怒江州进行定点帮扶。自2013年以来，中交集团更是与云南省政府相继签订系列投资协议，分别在交通基础设施、城市综合体开发、轨道交通及其他相关领域建立了全面的战略合作关系，投资并实施了黄牛、生猪、山地鸡养殖，雪桃、重楼、秦艽、草果、白芨、火龙果种植，以及饲料加工等一系列产业扶贫项目，由“输血式”扶贫变为造血式扶贫，中交集团在怒江州的产业扶贫“造血运动”逐渐步入正轨。" title:
"中国交建与怒江的联系可以追溯到上世纪90年代，2002年起，按照国务院扶贫开发领导小组的统一部署开始对怒江州进行定点帮扶。自2013年以来，中交集团更是与云南省政府相继签订系列投资协议，分别在交通基础设施、城市综合体开发、轨道交通及其他相关领域建立了全面的战略合作关系，投资并实施了黄牛、生猪、山地鸡养殖，雪桃、重楼、秦艽、草果、白芨、火龙果种植，以及饲料加工等一系列产业扶贫项目，由“输血式”扶贫变为造血式扶贫，中交集团在怒江州的产业扶贫“造血运动”逐渐步入正轨。",
}, },
{ {
head: "溯源食品专区", head: "溯源食品专区",
src: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604585030965&di=d7ef69f9483f6cae9e4f7ed529ff06ea&imgtype=0&src=http%3A%2F%2Fwww.315fangwei.com%2Fuploadsabcd%2Fallimg%2F170627%2F1113343094-0.jpg", src:
title: "基原材料供应商在向食品厂家提供原材料时候进行批次管理，将原材料的原始生产数据制造日期、食用期限、原产地、生产者、遗传基因组合的有无使用的药剂等信息录入到二维码中并打印带有二维码的标签，粘贴在包装箱上后交与食品厂家。在食品厂家原材料入库时，使用数据采集器读取二维码，取得到货原材料的原始生产数据。从该数据就可以马上确认交货的产品是否符合厂家的采购标准。然后将原材料入库。" "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1604585030965&di=d7ef69f9483f6cae9e4f7ed529ff06ea&imgtype=0&src=http%3A%2F%2Fwww.315fangwei.com%2Fuploadsabcd%2Fallimg%2F170627%2F1113343094-0.jpg",
} title:
"基原材料供应商在向食品厂家提供原材料时候进行批次管理，将原材料的原始生产数据制造日期、食用期限、原产地、生产者、遗传基因组合的有无使用的药剂等信息录入到二维码中并打印带有二维码的标签，粘贴在包装箱上后交与食品厂家。在食品厂家原材料入库时，使用数据采集器读取二维码，取得到货原材料的原始生产数据。从该数据就可以马上确认交货的产品是否符合厂家的采购标准。然后将原材料入库。",
},
], ],
dynamicList: [{ dynamicList: [
{
title: "新闻资讯", title: "新闻资讯",
list: ["国内建筑新动向", "国内建筑新动向", "国内建筑新动向", "国内建筑新动向", "国内建筑新动向"] list: [
}, { "国内建筑新动向",
"国内建筑新动向",
"国内建筑新动向",
"国内建筑新动向",
"国内建筑新动向",
],
},
{
title: "法律法规", title: "法律法规",
list: ["国内建筑新动向", "国内建筑新动向", "国内建筑新动向", "国内建筑新动向", "国内建筑新动向"] list: [
}, { "国内建筑新动向",
"国内建筑新动向",
"国内建筑新动向",
"国内建筑新动向",
"国内建筑新动向",
],
},
{
title: "平台动态", title: "平台动态",
list: ["国内建筑新动向", "国内建筑新动向", "国内建筑新动向", "国内建筑新动向", "国内建筑新动向"] list: [
}] "国内建筑新动向",
} "国内建筑新动向",
} "国内建筑新动向",
} "国内建筑新动向",
"国内建筑新动向",
],
},
],
};
},
};
</script> </script>
<style scoped> <style scoped>
.src-img{ .carousel-item {
width: 100%;
height: 5.3rem;
background: white;
/* display: flex;
justify-content: center; */
}
.src-img {
cursor: pointer; cursor: pointer;
/* background-size: cover; */ /* background-size: cover; */
position: absolute;
width: 100%; width: 100%;
height:100%; height: 5.3rem;
object-fit: cover;
} }
.banner { .banner {
width:100%; width: 100%;
height: 4.21rem; height: 4.21rem;
} }
.el-carousel__item h3 { .el-carousel__item h3 {
color: #475669; color: #475669;
font-size: 14px; font-size: 14px;
opacity: 0.75; opacity: 0.75;
line-height: 150px; line-height: 150px;
margin: 0; margin: 0;
} }
.el-carousel__item:nth-child(2n) { .el-carousel__item:nth-child(2n) {
background-color: #99a9bf; background-color: #99a9bf;
} }
.el-carousel__item:nth-child(2n+1) { .el-carousel__item:nth-child(2n + 1) {
background-color: #d3dce6; background-color: #d3dce6;
} }
.login { .login {
width: 260px; width: 2.6rem;
height: 328px; height: 3.28rem;
border: .01rem solid rgba(220, 220, 220, 1); border: 0.01rem solid rgba(220, 220, 220, 1);
padding-bottom: .2rem; padding-bottom: 0.2rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
position: absolute; position: absolute;
/* left:1040px; /* left:1040px;
top:214px; */ top:214px; */
top:-310px; top: -3.1rem;
right:0; right: 0;
background: #FFFFFF; background: #ffffff;
z-index:9999 z-index: 9999;
} }
.login>.login-button { .login > .login-button {
width:191px; width: 1.91rem;
height: 34px; height: 0.34rem;
line-height: .36rem; line-height: 0.36rem;
text-align: center; text-align: center;
background-color: #FF5203; background-color: #ff5203;
border-radius: 0.03rem; border-radius: 0.03rem;
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
/* border: 1px solid rgba(4, 134, 254, 1); */ /* border: 1px solid rgba(4, 134, 254, 1); */
font-size: .16rem; font-size: 0.16rem;
font-weight: 300; font-weight: 300;
color: #FFFFFF; color: #ffffff;
cursor: pointer; cursor: pointer;
} }
.login>.author>img{ .login > .author > img {
/* margin-top: 0.6rem; */ /* margin-top: 0.6rem; */
width: .60rem; width: 0.6rem;
height: .60rem; height: 0.6rem;
background: rgba(216, 216, 216, 1); background: rgba(216, 216, 216, 1);
border-radius: 50%; border-radius: 50%;
} }
.login>.author{ .login > .author {
margin-top: 0.2rem; margin-top: 0.2rem;
width: .60rem; width: 0.6rem;
height: .60rem; height: 0.6rem;
border-radius: 50%; border-radius: 50%;
}
} .login > .login-title {
.login>.login-title { font-size: 0.16rem;
font-size: .16rem;
font-weight: 300; font-weight: 300;
color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, 1);
margin: .3rem 0 .53rem 0 margin: 0.3rem 0 0.53rem 0;
} }
.message { .message {
padding-top: 1rem; padding-top: 1rem;
width:12rem; width: 12rem;
margin:0 auto margin: 0 auto;
} }
.message-item { .message-item {
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
} }
.message-item>div>img { .message-item > div > img {
width:/* 8.80rem; */12rem; width:/* 8.80rem; */ 12rem;
height: /* 5.40rem; */5.2rem; height: /* 5.40rem; */ 5.2rem;
/* margin:0 auto */ /* margin:0 auto */
} }
.message-item>div>div { .message-item > div > div {
width: 12rem; width: 12rem;
height: .76rem; height: 0.76rem;
border: 1px solid rgba(220, 220, 220, 1); border: 1px solid rgba(220, 220, 220, 1);
} }
.dynamic-item { .dynamic-item {
width: 3.88rem; width: 3.88rem;
height: 2.78rem; height: 2.78rem;
border: 1px solid rgba(151, 152, 153, 1); border: 1px solid rgba(151, 152, 153, 1);
box-sizing: border-box; box-sizing: border-box;
/* padding: 0.2rem; */ /* padding: 0.2rem; */
margin-top:40px margin-top: 0.4rem;
} }
.dynamic-item .col{ .dynamic-item .col {
background: linear-gradient(180deg, #FFFFFF 0%, #DFDFDF 100%); background: linear-gradient(180deg, #ffffff 0%, #dfdfdf 100%);
} }
.dynamic-item>div { .dynamic-item > div {
padding-bottom: 0.12rem; padding-bottom: 0.12rem;
border-bottom: 1px solid rgba(228, 231, 237, 1); border-bottom: 1px solid rgba(228, 231, 237, 1);
padding:0.2rem padding: 0.2rem;
} }
.dynamic-item .more { .dynamic-item .more {
color: rgba(153, 153, 153, 1); color: rgba(153, 153, 153, 1);
} }
.dynamic-item>ul { .dynamic-item > ul {
margin-top: 0.12rem; margin-top: 0.12rem;
padding:0.2rem; padding: 0.2rem;
padding-top:0.05rem padding-top: 0.05rem;
} }
.dynamic-item>ul>li { .dynamic-item > ul > li {
margin-bottom: 0.2rem; margin-bottom: 0.2rem;
} }
.dynamic-item>ul>li>div { .dynamic-item > ul > li > div {
color: #343434 color: #343434;
} }
.dynamic-item>ul>li>.time { .dynamic-item > ul > li > .time {
color: #A3A3A3 color: #a3a3a3;
} }
.cooperation-item { .cooperation-item {
width: 2.31rem; width: 2.31rem;
height: 1.24rem; height: 1.24rem;
background: rgba(216, 216, 216, 1); background: rgba(216, 216, 216, 1);
} }
.cooperation-title { .cooperation-title {
margin: 0.2rem 0 0.18rem 0 margin: 0.2rem 0 0.18rem 0;
} }
.cooperation{ .cooperation {
margin-bottom:1.21rem; margin-bottom: 1.21rem;
} }
.list-con,.t3{ .list-con,
.t3 {
cursor: pointer; cursor: pointer;
} }
.newsSty{ .newsSty {
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
width:200px width: 2rem;
} }
.time{ .time {
overflow: hidden; overflow: hidden;
text-overflow:ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
width:68px; width: 0.69rem;
height:16px height: 0.16rem;
} }
.homepage{ .homepage {
width:100%; width: 100%;
} }
.content{ .content {
width:100%; width: 100%;
} }
.font{ .font {
color:#FF5203; color: #ff5203;
cursor:pointer cursor: pointer;
} }
.login .t10{ .login .t10 {
width: 191px; width: 1.91rem;
height: 34px; height: 0.34rem;
background-color: #FF5203;; background-color: #ff5203;
border-radius: 3px; border-radius: 0.03rem;
/* border: 1px solid #0486FE; */ /* border: 1px solid #0486FE; */
color:white color: white;
} }
.login .t11{ .login .t11 {
width: 191px; width: 1.91rem;
height: 34px; height: 0.34rem;
background-color: #FF5203; background-color: #ff5203;
border-radius: 3px; border-radius: 0.03rem;
opacity: 0.31; opacity: 0.31;
color: #FFFFFF; color: #ffffff;
} }
.contentList{ .contentList {
width:100%; width: 100%;
margin:0 auto margin: 0 auto;
} }
.t12{ .t12 {
margin-top:50px; margin-top: 0.5rem;
padding-left:20px; padding-left: 0.2rem;
border-left:4px solid #FF5203; border-left: 4px solid #ff5203;
margin-bottom: 20px; margin-bottom: 0.2rem;
width: 111px; /* width: 1.11rem; */
height: 24px; height: 0.24rem;
font-size: 18px; font-size: 0.18rem;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
color: #FF5203; color: #ff5203;
line-height: 24px; line-height: 0.24rem;
}
} .loginbox {
.loginbox{ width: 12rem;
width:12rem; margin: 0 auto;
margin:0 auto;
position: relative; position: relative;
z-index:99999 z-index: 99999;
} }
</style> </style>
pages/login/examine.vue
View file @ 1a12e949
...@@ -407,7 +407,7 @@ ...@@ -407,7 +407,7 @@
<el-form <el-form
ref="perfectForm" ref="perfectForm"
:model="perfectForm" :model="perfectForm"
label-width="1.8rem" label-width="2rem"
:rules="rules" :rules="rules"
> >
<div class="flex-between"> <div class="flex-between">
...@@ -415,7 +415,7 @@ ...@@ -415,7 +415,7 @@
<el-input <el-input
v-model="perfectForm.legalPersonName" v-model="perfectForm.legalPersonName"
placeholder="请输入" placeholder="请输入"
style="width: 2.4rem" style="width: 2.4rem"1
maxlength="30" maxlength="30"
@keyup.native=" @keyup.native="
$event.target.value = $event.target.value.replace( $event.target.value = $event.target.value.replace(
...@@ -824,7 +824,7 @@ export default { ...@@ -824,7 +824,7 @@ export default {
fileList: [], fileList: [],
flag: true, //该值变化，就会触发刷新 flag: true, //该值变化，就会触发刷新
code: "", //刷新后的验证码 code: "", //刷新后的验证码
active: 0, active: 1,
checked: true, checked: true,
adminform: { adminform: {
name: "", name: "",
...@@ -873,14 +873,14 @@ export default { ...@@ -873,14 +873,14 @@ export default {
{ {
required: true, required: true,
validator: islocal, validator: islocal,
trigger: "blur", trigger: "change",
}, },
], ],
type: [ type: [
{ {
required: true, required: true,
message: "请选择角色", message: "请选择角色",
trigger: "blur", trigger: "change",
}, },
], ],
...@@ -1383,7 +1383,7 @@ export default { ...@@ -1383,7 +1383,7 @@ export default {
} }
.item .el-form-item__label { .item .el-form-item__label {
font-size: 0.16rem; font-size: 0.16rem !important;
font-weight: bold; font-weight: bold;
} }
......
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