Przeglądaj źródła

修改调整弹窗样式

outaozhen 5 lat temu
rodzic
commit
74b273326c

+ 0 - 30
src/assets/css/common.less

@@ -1,30 +0,0 @@
-.text-right {
-  text-align: right;
-}
-.pr-4{
-  padding-right: 1.5rem;
-}
-.pl-4{
-  padding-left: 1.5rem;
-}
-.pt-4{
-  padding-bottom: 1.5rem;
-}
-.sheet-left-panel{
-  height: 834px;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-.sheet-right-panel{
-  height: 385px;;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-.sheet-btns{
-  height: 54px;
-}
-.sheet-panel-record{
-  height: 395px;
-  overflow-x: hidden;
-  overflow-y: auto;
-}

+ 7 - 20
src/components/PopContactForm/index.jsx

@@ -15,7 +15,7 @@ import {
 import React, { useState, useEffect } from 'react'
 import React, { useState, useEffect } from 'react'
 import { connect } from 'dva'
 import { connect } from 'dva'
 import SvgIcon from '@/components/SvgIcon'
 import SvgIcon from '@/components/SvgIcon'
-import styles from './index.less'
+// import styles from './index.less'
 
 
 const Popcontactform = props => {
 const Popcontactform = props => {
   // 浏览器实际宽度
   // 浏览器实际宽度
@@ -103,20 +103,6 @@ const Popcontactform = props => {
       key: 'servicecont'
       key: 'servicecont'
     }
     }
   ]
   ]
-  // const servicedata = [
-  //   '1-给彭工更新了软件程序,安装演示了软。2-单位彭工要考甲乙级考试,给他带了资料过去。3-表示论文发表评职称也可以随时联系我。',
-  //   '1-给彭工更新了软件程序,安装演示了软。2-单位彭工要考甲乙级考试,给他带了资料过去。3-表示论文发表评职称也可以随时联系我。',
-  //   '1-给彭工更新了软件程序,安装演示了软。2-单位彭工要考甲乙级考试,给他带了资料过去。3-表示论文发表评职称也可以随时联系我。',
-  //   '1-给彭工更新了软件程序,安装演示了软。2-单位彭工要考甲乙级考试,给他带了资料过去。3-表示论文发表评职称也可以随时联系我。'
-  //   // '1-给彭工更新了软件程序,安装演示了软。2-单位彭工要考甲乙级考试,给他带了资料过去。3-表示论文发表评职称也可以随时联系我。'
-  // ]
-  // const journallist = [
-  //   'Racing car sprays burning fuel into crowd.',
-  //   'Japanese princess to wed commoner.',
-  //   'Australian walks 100km after outback crash.',
-  //   'Man charged over missing wedding girl.',
-  //   'Los Angeles battles huge wildfires.'
-  // ]
   return (
   return (
     <div>
     <div>
       <div className="sheet-box">
       <div className="sheet-box">
@@ -131,12 +117,13 @@ const Popcontactform = props => {
         >
         >
           <Row>
           <Row>
             <Col span={12} className="sheet-box-left">
             <Col span={12} className="sheet-box-left">
-              <div className="sheet-left-panel pr-4">
+              <div className="sheet-left-panel zh-pd-right-15">
                 <Row>
                 <Row>
                   <Col span={12}>
                   <Col span={12}>
                     <h2>刘泽富</h2>
                     <h2>刘泽富</h2>
                   </Col>
                   </Col>
-                  <Col span={12} className={[ 'text-right', styles.textMuted ]}>
+                  {/* className={[ 'text-right', styles.textMuted ]} */}
+                  <Col span={12} className="zh-text-right zh-gray">
                     陈特 创建于 2019年5月6日 14:55
                     陈特 创建于 2019年5月6日 14:55
                   </Col>
                   </Col>
                 </Row>
                 </Row>
@@ -306,7 +293,7 @@ const Popcontactform = props => {
               </div>
               </div>
             </Col>
             </Col>
             <Col span={12}>
             <Col span={12}>
-              <div className="sheet-right-panel pl-4">
+              <div className="sheet-right-panel zh-pd-left-15">
                 {/* <Tabs onChange={callback} type="card"> */}
                 {/* <Tabs onChange={callback} type="card"> */}
                 <Tabs type="card">
                 <Tabs type="card">
                   <TabPane tab="养护云造价" key="养护云造价">
                   <TabPane tab="养护云造价" key="养护云造价">
@@ -323,12 +310,12 @@ const Popcontactform = props => {
                   </TabPane>
                   </TabPane>
                 </Tabs>
                 </Tabs>
               </div>
               </div>
-              <div className="sheet-btns pl-4 pt-4">
+              <div className="sheet-btns zh-pd-left-15 zh-pd-top-15">
                 <Button type="primary" ghost>
                 <Button type="primary" ghost>
                   <SvgIcon type="icon-link" /> 绑定加密锁
                   <SvgIcon type="icon-link" /> 绑定加密锁
                 </Button>
                 </Button>
               </div>
               </div>
-              <div className="sheet-panel-record pl-4">
+              <div className="sheet-panel-record zh-pd-left-15">
                 <Tabs type="card">
                 <Tabs type="card">
                   <TabPane tab="服务记录" key="服务记录">
                   <TabPane tab="服务记录" key="服务记录">
                     <Table
                     <Table

+ 0 - 3
src/components/PopContactForm/index.less

@@ -1,4 +1 @@
 @import '~antd/es/style/themes/default.less';
 @import '~antd/es/style/themes/default.less';
-.textMuted{
-  color: #868e96;
-}