Skip to content

W
web-ci-test
提交 01b65d02 作者: 翁进城
操作

基于打包更改配置

上级 958e3ada
正在显示 包含 375 行增加 和 379 行删除
components/filter/index.tsx
...@@ -36,7 +36,7 @@ export default function Filter(props: Props) { ...@@ -36,7 +36,7 @@ export default function Filter(props: Props) {
useEffect(() => { useEffect(() => {
props.onChange(result); props.onChange(result);
}, [result]); }, [result, props]);
const onDel = (key: string) => { const onDel = (key: string) => {
//@ts-ignore //@ts-ignore
delete result[key]; delete result[key];
......
components/footer/index.tsx
import styles from './index.module.scss'; import styles from './index.module.scss';
import Image from 'next/image';
const qrcodeList = [ const qrcodeList = [
{ {
...@@ -28,7 +29,7 @@ export default function Footer() { ...@@ -28,7 +29,7 @@ export default function Footer() {
qrcodeList.map((item, i) => { qrcodeList.map((item, i) => {
return ( return (
<div className={styles.qrcodeItem} key={i}> <div className={styles.qrcodeItem} key={i}>
<img className={styles.qrcodeImg} src={item.img}></img> <Image alt="" className={styles.qrcodeImg} src={item.img}></Image>
<div className={styles.qrcodeTitle}>{item.title}</div> <div className={styles.qrcodeTitle}>{item.title}</div>
</div> </div>
); );
......
next.config.js
/** @type {import('next').NextConfig} */ /** @type {import('next').NextConfig} */
const nextConfig = { const nextConfig = {
reactStrictMode: true, reactStrictMode: true,
transpilePackages: ['antd'], transpilePackages: ["antd"],
redirects() { redirects() {
return [ return [
{ {
...@@ -11,6 +11,7 @@ const nextConfig = { ...@@ -11,6 +11,7 @@ const nextConfig = {
}, },
]; ];
}, },
pageExtensions: ["page.tsx", "page.ts", "page.jsx", "page.js"],
}; };
module.exports = nextConfig; module.exports = nextConfig;
pages/equipmentLeasing/styled.tsx
import styled from "styled-components" import styled from "styled-components"
export default function Style(){ return <></>}
export const Box = styled.div` export const Box = styled.div`
box-sizing: border-box; box-sizing: border-box;
padding-top: 15px; padding-top: 15px;
......
pages/flyingHandService/styled.tsx
import styled from "styled-components" import styled from "styled-components";
export default function Style() {
return <></>;
}
export const Box = styled.div` export const Box = styled.div`
box-sizing: border-box; box-sizing: border-box;
width: 1200px; width: 1200px;
.flyingTop{ .flyingTop {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 15px 0; padding: 15px 0;
width: 925px; width: 925px;
&-left{ &-left {
.selectItem{ .selectItem {
width: 120px; width: 120px;
background-color: #fff; background-color: #fff;
border-radius: 5px; border-radius: 5px;
} }
}
.btn {
width: 220px;
height: 60px;
background: linear-gradient(90deg, #278eff 0%, #0052da 100%);
border-radius: 6px;
border: 0;
font-size: 16px;
font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
font-weight: bold;
color: #ffffff;
&:hover {
opacity: 0.8;
}
}
} }
.item{ .btn {
width: 220px; width: 220px;
height: 320px; height: 60px;
cursor: pointer; background: linear-gradient(90deg, #278eff 0%, #0052da 100%);
transition: all .5s;
background-color: #fff;
border-radius: 6px; border-radius: 6px;
&-top{ border: 0;
width: 220px; font-size: 16px;
height: 160px; font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
background-color: #E6E6E6; font-weight: bold;
border-radius: 6px 6px 0px 0px; color: #ffffff;
&:hover {
opacity: 0.8;
} }
&-bottom{ }
height: 160px; }
padding: 9px 12px 20px; .item {
border-radius: 0px 0px 6px 6px; width: 220px;
background-color: #fff; height: 320px;
.bottom-title{ cursor: pointer;
width: 196px; transition: all 0.5s;
height: 44px; background-color: #fff;
font-size: 15px; border-radius: 6px;
font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI; &-top {
font-weight: bold; width: 220px;
color: #34383F; height: 160px;
line-height: 22px; background-color: #e6e6e6;
-webkit-background-clip: text; border-radius: 6px 6px 0px 0px;
} }
.bottom-details{ &-bottom {
width: 192px; height: 160px;
height: 44px; padding: 9px 12px 20px;
font-size: 12px; border-radius: 0px 0px 6px 6px;
background-color: #fff;
.bottom-title {
width: 196px;
height: 44px;
font-size: 15px;
font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
font-weight: bold;
color: #34383f;
line-height: 22px;
-webkit-background-clip: text;
}
.bottom-details {
width: 192px;
height: 44px;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #828a92;
line-height: 22px;
//超出两行隐藏
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.bottom-price {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 14px;
&-left {
width: 100px;
height: 26px;
line-height: 26px;
background: #e7eeff;
border-radius: 12px;
text-align: center;
font-size: 14px;
font-family: MicrosoftYaHei; font-family: MicrosoftYaHei;
color: #828A92; color: #4280f9;
line-height: 22px;
//超出两行隐藏
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} }
.bottom-price{ &-right {
display: flex; .price-right-label {
justify-content: space-between; width: 36px;
align-items: center; height: 22px;
margin-top: 14px; font-size: 18px;
&-left{ font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
width: 100px; font-weight: bold;
height: 26px; color: #ff552d;
line-height: 26px; line-height: 22px;
background: #E7EEFF; }
border-radius: 12px; .price-right-money {
text-align: center; margin-left: 5px;
font-size: 14px; width: 36px;
font-family: MicrosoftYaHei; height: 16px;
color: #4280F9; font-size: 12px;
} font-family: MicrosoftYaHei;
&-right{ color: #8790a2;
.price-right-label { line-height: 16px;
width: 36px; -webkit-background-clip: text;
height: 22px; }
font-size: 18px;
font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
font-weight: bold;
color: #FF552D;
line-height: 22px;
}
.price-right-money {
margin-left: 5px;
width: 36px;
height: 16px;
font-size: 12px;
font-family: MicrosoftYaHei;
color: #8790A2;
line-height: 16px;
-webkit-background-clip: text;
}
}
} }
} }
&:hover{
box-shadow: 20px 20px 10px 0px rgba(228,228,228,1);
}
} }
.right-item{ &:hover {
width: 260px; box-shadow: 20px 20px 10px 0px rgba(228, 228, 228, 1);
height: 420px;
background: #FFFFFF;
border-radius: 6px;
} }
` }
\ No newline at end of file .right-item {
width: 260px;
height: 420px;
background: #ffffff;
border-radius: 6px;
}
`;
pages/forum/components/publishMessage/index.tsx
...@@ -3,6 +3,7 @@ import { Form, Input, Modal, Upload } from "antd"; ...@@ -3,6 +3,7 @@ import { Form, Input, Modal, Upload } from "antd";
import type { RcFile, UploadProps } from "antd/es/upload"; import type { RcFile, UploadProps } from "antd/es/upload";
import type { UploadFile } from "antd/es/upload/interface"; import type { UploadFile } from "antd/es/upload/interface";
import { useState } from "react"; import { useState } from "react";
import Image from "next/image";
const getBase64 = (file: RcFile): Promise<string> => const getBase64 = (file: RcFile): Promise<string> =>
new Promise((resolve, reject) => { new Promise((resolve, reject) => {
...@@ -139,7 +140,7 @@ export default function PublishMessage(props: Props) { ...@@ -139,7 +140,7 @@ export default function PublishMessage(props: Props) {
footer={null} footer={null}
onCancel={handlePreviewCancel} onCancel={handlePreviewCancel}
> >
<img alt="example" style={{ width: "100%" }} src={previewImage} /> <Image alt="example" style={{ width: "100%" }} src={previewImage} />
</Modal> </Modal>
</Form.Item> </Form.Item>
</Form> </Form>
......
pages/forum/index.tsx → pages/forum/index.page.tsx
...@@ -27,7 +27,7 @@ export default function Forum() { ...@@ -27,7 +27,7 @@ export default function Forum() {
<Space direction="vertical" size={8}> <Space direction="vertical" size={8}>
<div className={styles.item}> <div className={styles.item}>
<Space size={10} align="start"> <Space size={10} align="start">
<img className={styles.headImg}></img> <Image alt="" className={styles.headImg}></Image>
<div className={styles.info}> <div className={styles.info}>
<div className={styles.name}>给**的</div> <div className={styles.name}>给**的</div>
<div className={styles.desc}> <div className={styles.desc}>
...@@ -44,54 +44,13 @@ export default function Forum() { ...@@ -44,54 +44,13 @@ export default function Forum() {
> >
<Space size={6} wrap> <Space size={6} wrap>
<Image <Image
alt=""
className="img" className="img"
width={132} width={132}
height={132} height={132}
src="error" src="error"
fallback={errImg} fallback={errImg}
/> />
<Image
className="img"
width={132}
height={132}
src="error"
fallback={errImg}
/>
<Image
className="img"
width={132}
height={132}
src="errImg"
fallback={errImg}
/>
<Image
className="img"
width={132}
height={132}
src="errImg"
fallback={errImg}
/>
<Image
className="img"
width={132}
height={132}
src="errImg"
fallback={errImg}
/>
<Image
className="img"
width={132}
height={132}
src="errImg"
fallback={errImg}
/>
<Image
className="img"
width={132}
height={132}
src="errImg"
fallback={errImg}
/>
</Space> </Space>
</Image.PreviewGroup> </Image.PreviewGroup>
</div> </div>
......
pages/home/styled.tsx
import styled from "styled-components" import styled from "styled-components"
export default function Style() {
return <></>;
}
export const Box = styled.div` export const Box = styled.div`
box-sizing: border-box; box-sizing: border-box;
` `
\ No newline at end of file
pages/home/waterfallFlowBody/components/map/styled.tsx
import styled from "styled-components" import styled from "styled-components";
export default function Style() {
return <></>;
}
export const Box = styled.div` export const Box = styled.div`
box-sizing: border-box; box-sizing: border-box;
width: 384px; width: 384px;
height: 337px; height: 337px;
#container{ #container {
position: relative; position: relative;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
width: 384px; width: 384px;
height: 285px; height: 285px;
} }
.amap-logo {//去除高德地图水印 .amap-logo {
display: none!important; //去除高德地图水印
visibility: hidden!important; display: none !important;
} visibility: hidden !important;
.amap-copyright {//去除高德地图水印 }
display: none!important; .amap-copyright {
visibility: hidden!important; //去除高德地图水印
} display: none !important;
visibility: hidden !important;
}
.map-dosome{ .map-dosome {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
width: 384px; width: 384px;
height: 52px; height: 52px;
background: #FFFFFF; background: #ffffff;
border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px;
} }
` `;
\ No newline at end of file
pages/home/waterfallFlowBody/components/rotationChart/styled.tsx
import styled from "styled-components" import styled from "styled-components";
export default function Style() {
return <></>;
}
export const Box = styled.div` export const Box = styled.div`
box-sizing: border-box; box-sizing: border-box;
margin: 0 0 30px 0; margin: 0 0 30px 0;
display: flex; display: flex;
.rotationChart{ .rotationChart {
width: 790px; width: 790px;
margin-right: 24px; margin-right: 24px;
} }
.botsBotton{ .botsBotton {
position: absolute; position: absolute;
left: 10px; left: 10px;
li{ li {
display: flex; display: flex;
justify-content:center; justify-content: center;
align-items: center; align-items: center;
&:not(.slick-active)>button{ &:not(.slick-active) > button {
width: 10px; width: 10px;
height: 10px; height: 10px;
border-radius:50%; border-radius: 50%;
} }
&>button{ & > button {
height: 10px; height: 10px;
border-radius:5px; border-radius: 5px;
} }
}
}
.contentStyle{
width: 790px;
height: 200px;
color: #fff;
line-height: 200px;
text-align: center;
background: #364d79;
} }
` }
\ No newline at end of file .contentStyle {
width: 790px;
height: 200px;
color: #fff;
line-height: 200px;
text-align: center;
background: #364d79;
}
`;
pages/home/waterfallFlowBody/index.tsx
...@@ -5,6 +5,8 @@ import {Box} from './styled'; ...@@ -5,6 +5,8 @@ import {Box} from './styled';
import ContentBox from '~/components/contentBox'; import ContentBox from '~/components/contentBox';
import RotationChart from './components/rotationChart' import RotationChart from './components/rotationChart'
import Map from './components/map'; import Map from './components/map';
// import icon from './_assets/icon.png';
const icon = 'error'
export default function WaterfallFlowBody() { export default function WaterfallFlowBody() {
const onMoreChange = (value: string) => { const onMoreChange = (value: string) => {
...@@ -20,7 +22,7 @@ export default function WaterfallFlowBody() { ...@@ -20,7 +22,7 @@ export default function WaterfallFlowBody() {
<div className='item-title'> <div className='item-title'>
<div className='item-left'> <div className='item-left'>
<div className='item-left-icon'> <div className='item-left-icon'>
<Image src={require("./assets/icon.png")} alt='#'/> <Image src={icon} alt='#'/>
</div> </div>
<div className='item-left-label'> <div className='item-left-label'>
无人机出租 无人机出租
...@@ -81,7 +83,7 @@ export default function WaterfallFlowBody() { ...@@ -81,7 +83,7 @@ export default function WaterfallFlowBody() {
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className='item-image'>
<Image className='item-image' src={require("./assets/icon.png")} alt='#'/> <Image className='item-image' src={icon} alt='#'/>
</div> </div>
</div> </div>
<div className='body-item'> <div className='body-item'>
...@@ -89,7 +91,7 @@ export default function WaterfallFlowBody() { ...@@ -89,7 +91,7 @@ export default function WaterfallFlowBody() {
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className='item-image'>
<Image className='item-image' src={require("./assets/icon.png")} alt='#'/> <Image className='item-image' src={icon} alt='#'/>
</div> </div>
</div> </div>
<div className='body-item'> <div className='body-item'>
...@@ -97,7 +99,7 @@ export default function WaterfallFlowBody() { ...@@ -97,7 +99,7 @@ export default function WaterfallFlowBody() {
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className='item-image'>
<Image className='item-image' src={require("./assets/icon.png")} alt='#'/> <Image className='item-image' src={icon} alt='#'/>
</div> </div>
</div> </div>
<div className='body-item'> <div className='body-item'>
...@@ -105,7 +107,7 @@ export default function WaterfallFlowBody() { ...@@ -105,7 +107,7 @@ export default function WaterfallFlowBody() {
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className='item-image'>
<Image className='item-image' src={require("./assets/icon.png")} alt='#'/> <Image className='item-image' src={icon} alt='#'/>
</div> </div>
</div> </div>
<div className='body-item'> <div className='body-item'>
...@@ -113,7 +115,7 @@ export default function WaterfallFlowBody() { ...@@ -113,7 +115,7 @@ export default function WaterfallFlowBody() {
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className='item-image'>
<Image className='item-image' src={require("./assets/icon.png")} alt='#'/> <Image className='item-image' src={icon} alt='#'/>
</div> </div>
</div> </div>
<div className='body-item'> <div className='body-item'>
...@@ -121,7 +123,7 @@ export default function WaterfallFlowBody() { ...@@ -121,7 +123,7 @@ export default function WaterfallFlowBody() {
asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs asdasdasdasjhgdbjasjgdjashgdbjahsdgahjs
</div> </div>
<div className='item-image'> <div className='item-image'>
<Image className='item-image' src={require("./assets/icon.png")} alt='#'/> <Image className='item-image' src={icon} alt='#'/>
</div> </div>
</div> </div>
</div> </div>
......
pages/home/waterfallFlowBody/styled.tsx
import styled from "styled-components" import styled from "styled-components";
let one = require("./assets/icon.png")
export default function Style() {
return <></>;
}
export const Box = styled.div` export const Box = styled.div`
box-sizing: border-box; box-sizing: border-box;
padding-top: 24px; padding-top: 24px;
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
.item{ .item {
height:343px; height: 343px;
transition: all .5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
&-title{ &-title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 0 25px; padding: 0 25px;
height: 75px; height: 75px;
background: #FFFFFF; background: #ffffff;
box-shadow: 10px 10px 20px 0px rgba(228,228,228,0.3); box-shadow: 10px 10px 20px 0px rgba(228, 228, 228, 0.3);
border-radius: 6px 6px 0px 0px ; border-radius: 6px 6px 0px 0px;
.item-left{ .item-left {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
width:150px; width: 150px;
&-icon{ &-icon {
width: 40px; width: 40px;
height: 40px; height: 40px;
}
&-label{
width: 100px;
height: 32px;
font-size: 20px;
font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
font-weight: bold;
color: #000000;
line-height: 32px;
}
}
} }
&-body{ &-label {
padding-left: 10px; width: 100px;
height: 268px; height: 32px;
background: #FFFFFF; font-size: 20px;
box-shadow: 10px 10px 20px 0px rgba(228,228,228,0.3); font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
border-radius: 0px 0px 6px 6px; font-weight: bold;
.item-bubble{ color: #000000;
/* width: 80px; */ line-height: 32px;
padding: 0 5px;
height: 32px;
line-height: 32px;
background: #F4F6F9;
border-radius: 19px;
text-align: center;
cursor: pointer;
&.active{
color: #FF552D;
}
}
} }
&:hover{ }
box-shadow: 20px 20px 10px 0px rgba(228,228,228,1); }
&-body {
padding-left: 10px;
height: 268px;
background: #ffffff;
box-shadow: 10px 10px 20px 0px rgba(228, 228, 228, 0.3);
border-radius: 0px 0px 6px 6px;
.item-bubble {
/* width: 80px; */
padding: 0 5px;
height: 32px;
line-height: 32px;
background: #f4f6f9;
border-radius: 19px;
text-align: center;
cursor: pointer;
&.active {
color: #ff552d;
} }
}
} }
.right-item{ &:hover {
height: 344px; box-shadow: 20px 20px 10px 0px rgba(228, 228, 228, 1);
background-color: #fff; }
.title{ }
display: flex; .right-item {
align-items: center; height: 344px;
padding: 0 25px; background-color: #fff;
height: 60px; .title {
width: 80px; display: flex;
font-size: 20px; align-items: center;
font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI; padding: 0 25px;
font-weight: bold; height: 60px;
color: #000000; width: 80px;
line-height: 25px; font-size: 20px;
font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
font-weight: bold;
color: #000000;
line-height: 25px;
}
.body {
height: 284px;
overflow-y: auto;
&-item {
display: flex;
justify-content: space-between;
align-items: center;
height: 70px;
padding: 0 20px;
.item-label {
width: 217px;
height: 40px;
font-size: 16px;
font-family: MicrosoftYaHei;
color: #323232;
line-height: 21px;
word-wrap: break-word;
} }
.body{ .item-image {
height: 284px; width: 96px;
overflow-y: auto; height: 60px;
&-item{ background: #d8d8d8;
display: flex; border-radius: 6px;
justify-content: space-between;
align-items: center;
height: 70px;
padding: 0 20px;
.item-label{
width: 217px;
height: 40px;
font-size: 16px;
font-family: MicrosoftYaHei;
color: #323232;
line-height: 21px;
word-wrap: break-word;
}
.item-image{
width: 96px;
height: 60px;
background: #D8D8D8;
border-radius: 6px;
}
}
} }
}
}
}
.right-item-second {
height: 510px;
background-color: #fff;
.title {
display: flex;
align-items: center;
padding: 0 25px;
height: 62px;
width: 80px;
font-size: 20px;
font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI;
font-weight: bold;
color: #000000;
line-height: 25px;
} }
.right-item-second{ .body {
height: 510px; height: 448px;
background-color: #fff; overflow-y: auto;
.title{ &-item {
display: flex; display: flex;
align-items: center; justify-content: space-between;
padding: 0 25px; align-items: center;
height: 62px; height: 88px;
width: 80px; padding: 0 20px;
font-size: 20px; .item-label {
font-family: MicrosoftYaHeiUI-Bold, MicrosoftYaHeiUI; width: 217px;
font-weight: bold; height: 40px;
color: #000000; font-size: 16px;
line-height: 25px; font-family: MicrosoftYaHei;
color: #323232;
line-height: 21px;
word-wrap: break-word;
.label-top {
}
.label-bottom {
font-size: 15px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #ff552d;
}
} }
.body{ .item-right {
height: 448px; .btn {
overflow-y: auto; text-align: center;
&-item{ background: #ff552d;
display: flex; border-radius: 14px;
justify-content: space-between; font-size: 14px;
align-items: center; font-family: MicrosoftYaHei;
height: 88px; color: #ffffff;
padding: 0 20px; }
.item-label{
width: 217px;
height: 40px;
font-size: 16px;
font-family: MicrosoftYaHei;
color: #323232;
line-height: 21px;
word-wrap: break-word;
.label-top{
}
.label-bottom{
font-size: 15px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FF552D;
}
}
.item-right{
.btn{
text-align: center;
background: #FF552D;
border-radius: 14px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
}
}
}
} }
}
} }
` }
\ No newline at end of file `;
pages/jobServices/detail/components/evaluate/styled.tsx
import styled from "styled-components" import styled from "styled-components"
export default function Style() {
return <></>;
}
export const Box = styled.div` export const Box = styled.div`
box-sizing: border-box; box-sizing: border-box;
.item{ .item{
......
pages/jobServices/detail/styled.tsx
import styled from "styled-components" import styled from "styled-components"
export default function Style() {
return <></>;
}
export const Box = styled.div` export const Box = styled.div`
box-sizing: border-box; box-sizing: border-box;
width: 1200px; width: 1200px;
......
pages/jobServices/styled.tsx
import styled from "styled-components" import styled from "styled-components"
export default function Style() {
return <></>;
}
export const Box = styled.div` export const Box = styled.div`
box-sizing: border-box; box-sizing: border-box;
padding-top: 15px; padding-top: 15px;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论