fix: taro-demo full class (jdf2e#2095)

Alex-huxiyang · Mar 21, 2024 · 656d834 · 656d834
1 parent b746d42
commit 656d834
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 15 deletions.
diff --git a/packages/nutui-taro-demo/src/app.scss b/packages/nutui-taro-demo/src/app.scss
@@ -24,6 +24,14 @@ body {
   overflow-y: auto;
   padding: 0px 17px 10px 17px;
 
+  &.full {
+    padding: 57px 0 0 0;
+
+    h2 {
+      padding-left: 17px;
+    }
+  }
+
   &-full {
     padding: 0 0 0 0 !important;
 

diff --git a/src/packages/menu/demo.scss b/src/packages/menu/demo.scss
diff --git a/src/packages/menu/demo.taro.tsx b/src/packages/menu/demo.taro.tsx
@@ -6,10 +6,6 @@ import { Menu, Button } from '@/packages/nutui.react.taro'
 import Header from '@/sites/components/header'
 
 const MenuDemo = () => {
-  const style = `
-  .nut-overflow-hidden .demo.full{
-    overflow: hidden !important;
-  }`
   const [translated] = useTranslate({
     'zh-CN': {
       basic: '基础用法',
@@ -108,8 +104,7 @@ const MenuDemo = () => {
   return (
     <>
       <Header />
-      <style>{style}</style>
-      <div className={`demo demo-full ${Taro.getEnv() === 'WEB' ? 'web' : ''}`}>
+      <div className={`demo full ${Taro.getEnv() === 'WEB' ? 'web' : ''}`}>
         <h2>{translated.basic}</h2>
         <Menu
           onClose={(i: number) => console.log('onClose', i)}

diff --git a/src/packages/menu/demo.tsx b/src/packages/menu/demo.tsx
@@ -1,15 +1,10 @@
 import React, { useEffect, useRef, useState } from 'react'
-import './demo.scss'
 import { ArrowDown, Star } from '@nutui/icons-react'
 import Button from '../button'
 import { Menu } from './menu'
 import { useTranslate } from '../../sites/assets/locale'
 
 const MenuDemo = () => {
-  const style = `
-  .nut-overflow-hidden .demo.full{
-    overflow: hidden !important;
-  }`
   const [translated] = useTranslate({
     'zh-CN': {
       basic: '基础用法',
@@ -107,7 +102,6 @@ const MenuDemo = () => {
 
   return (
     <>
-      <style>{style}</style>
       <div className="demo full">
         <h2>{translated.basic}</h2>
         <Menu