diff --git a/docs/components/components/Main/MainSection/index.local.less b/docs/components/components/Main/MainSection/index.local.less index 5794e1a11f..e319775a96 100644 --- a/docs/components/components/Main/MainSection/index.local.less +++ b/docs/components/components/Main/MainSection/index.local.less @@ -29,14 +29,12 @@ .buttonLeft { background: #0170fe; - color: #fff; - border: none; } .buttonRight { background: #4ba6ff; - color: #fff; margin-left: 16px; + border-color: #fff; } } diff --git a/docs/components/components/Main/MainSection/index.tsx b/docs/components/components/Main/MainSection/index.tsx index 71c5bd33b2..1cdc5d283f 100644 --- a/docs/components/components/Main/MainSection/index.tsx +++ b/docs/components/components/Main/MainSection/index.tsx @@ -1,8 +1,8 @@ -import React, { useState, useEffect } from 'react' -import { Button } from 'antd' +import { Button } from 'antd-mobile' +import React, { useEffect, useState } from 'react' import Lottie from 'react-lottie' -import styles from './index.local.less' import { useTrans } from '../../../../hooks/useTrans' +import styles from './index.local.less' export default (props: { isWidthScreen: boolean }) => { const [startFireAnimation, setStartFireAnimation] = useState(false) @@ -36,14 +36,16 @@ export default (props: { isWidthScreen: boolean }) => {