- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端小歌谣
关于react-admin+postgrest小案例
source="school_name" /> </SimpleForm> </Edit> ) } 查看 import { Box, Button, Typography `/t_geyao_school/create`); } return ( <Box textAlign={'center'} m={1}> <Typography variant="h4" paragraph> 当前没有学校 </Typography> <Typography variant ="body1"> 新加入一个学校信息 </Typography> <Button onClick={handleClick
47820编辑于 2023-10-18 - 来自专栏捞月亮的小北
思源笔记—代码片段
Vue 引用主题样式 .protyle-wysiwyg [data-node-id].bq, .b3-typography blockquote { border-left: 0.25em solid div.hljs, .protyle-wysiwyg div.hljs { background-color: #2e2d2d; } /*语言提醒*/ .b3-typography .code-block blockquote, .b3-typography .bq, .protyle-wysiwyg blockquote, .protyle-wysiwyg .bq { padding: 4px important; overflow-x: overlay; tab-size: 4; flex: 1; } 写味引用字体颜色 .b3-typography blockquote , .b3-typography .bq, .protyle-wysiwyg blockquote, .protyle-wysiwyg .bq { padding: 4px; color
76310编辑于 2024-02-17 - 来自专栏Android 开发者
实战 | 在应用中使用 Compose Material 3
: Typography, // 更新 Shape 的功能即将到来 content: @Composable () -> Unit ) 首先，我们看一下配色方案。 △ Material 3 与 Material 2 的字体样式分组 Compose 使用新的 Typography 类对字体规格进行建模，其参数以 Material Design 3 字体规格中的样式命名 我们可以使用 Roboto 基准值创建一个 Typography 实例，用自定义文本样式覆盖默认值，最后将 Typography 作为参数传递给 MaterialTheme。 import androidx.compose.material3.Typography class Typography ( val displayLarge: TextStyle, 它们通过 MaterialTheme.typography 表示访问主题字体值。
3.9K20编辑于 2022-03-28 - 来自专栏码客
Android使用Jetpack Compose开发界面的适配
把原来的 MaterialTheme( colorScheme = colorScheme, typography = Typography, content = content else 510.0f val widthDensity = widthPixels / widthDp MaterialTheme( colorScheme = colorScheme, typography = Typography, content = { CompositionLocalProvider( LocalDensity provides Density
1K10编辑于 2024-04-08 - 来自专栏杨龙飞前端
sass或scss入门
compass命令，如图： compass目录如下： 2、基本语法： @import "compass/css3"; @import "compass/layout"; @import "compass/typography : #00c; } /* line 18, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography : #ccc; } /* line 21, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography : #cc0; } /* line 24, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography : #0cc; } /* line 27, C:/Ruby23-x64/lib/ruby/gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/typography
70830发布于 2018-06-14 - 来自专栏JetpackCompose M3
安卓软件开发:Jetpack Compose中常见的核心概念总结-5
自定义主题和样式 MaterialTheme - 使用自定义主题 MaterialTheme( colors = darkColors(), typography = Typography , style = MaterialTheme.typography.body1) } MaterialTheme: 定义全局主题，包括颜色、排版和形状等。
51910编辑于 2024-11-05 - 来自专栏JetpackCompose M3
安卓软件开发：用JetpackCompose实现NimReplyAppUI上篇
(modifier = Modifier.padding(16.dp)) { Text(text = email.subject, style = MaterialTheme.typography.titleMedium ) Text(text = email.sender.fullName, style = MaterialTheme.typography.bodyMedium) Text( text = email.createdAt, style = MaterialTheme.typography.labelMedium ) } } Text(text = email.subject, style = MaterialTheme.typography.bodyMedium ) Text(text = email.body, style = MaterialTheme.typography.bodyLarge) } } } 3.7.1
1.2K140编辑于 2024-10-15 - 来自专栏未知
GraphQL实现(前端:React + Material-UI + Recoil)
/TaskForm'; import { CssBaseline, AppBar, Toolbar, Typography, Container } from '@material-ui/core'; Router> <CssBaseline /> <AppBar position="static"> <Toolbar> <Typography variant="h6">Task Manager</Typography> </Toolbar> </AppBar> <Container>
52910编辑于 2023-12-28 - 来自专栏前端开发学kotlin
前端开发者的 Kotlin 之旅：Compose 自定义组件开发实战
text = subtitle, style = MaterialTheme.typography.bodySmall , style = MaterialTheme.typography.bodyMedium ) } 带操作按钮的用法： ExpandableCard( title = " , style = MaterialTheme.typography.bodyMedium ) // 嵌套使用其他组件 , style = MaterialTheme.typography.bodyMedium ) }, footer = { TextButton ChineseText( text = countDescription, style = MaterialTheme.typography.bodySmall
37510编辑于 2026-03-12 - 来自专栏前端开发学kotlin
前端开发者的 Kotlin 之旅：Compose Multiplatform 实战Material 3组件库
DarkColorScheme else LightColorScheme MaterialTheme( colorScheme = colorScheme, typography = Typography, shapes = Shapes, content = content )}字体排版系统// 自定义字体排版val Typography = Typography( displayLarge = TextStyle( fontFamily = FontFamily.Default, fontWeight = ) { Text( text = product.name, style = MaterialTheme.typography.headlineSmall Text( text = product.description, style = MaterialTheme.typography.bodyMedium
47210编辑于 2025-10-15 Nuxt3全栈开发 · 配置篇
以及配合 @tailwindcss/typography 自定义markdown主题@primevue/nuxt-module 组件库。@nuxt/image 图片@nuxt/icon 图标。 只靠 @nuxt/content 解析出的文章还没眼看，需要借助 @tailwindcss/typography。 查看NuxtContent中支持的组件 同样的可以基于 typography 在顶层修改其样式。 import typography from '@tailwindcss/typography'/** @type {import('tailwindcss').Config} */export default { content: [], plugins: [typography()], theme: { extend: { typography: (theme) => ({
84400编辑于 2025-01-24- 来自专栏JetpackCompose M3
安卓软件开发：Jetpack Compose中常见的核心概念总结-1
样式与主题 Typography - 排版 Text( text = "Styled Tv", style = MaterialTheme.typography.h6 ) MaterialTheme.typography
46620编辑于 2024-10-30 - 来自专栏移动开发之家
Flutter 上默认的文本和字体知识点
通过官方解释，在 typography.dart 源码中可以看到， Flutter 默认在 Android 上使用的是 Roboto 字体； 在 iOS 上使用的是 .SF UI Display 或者 image 那理论上在 iOS 使用的就是 .SF UI Display 字体才对，因为如下源码所示，在 Typography 中当 platform 是 iOS 时，使用的就是 Cupertino 相关的 TextTheme，而 Typography 中的 white 和 black 属性最终会应用到 ThemeData 的 defaultTextTheme、 defaultPrimaryTextTheme factory Typography({ TargetPlatform platform = TargetPlatform.android, TextTheme black, TextTheme = tall2014; return Typography.
4.1K10发布于 2020-05-26 - 来自专栏深入浅出区块链技术
用Truffle, Solidity, React, Material UI, Web3创建一个全栈筹款Dapp
from '@material-ui/core/Typography'; 接下来，添加样式让 fundraiser 应用更好看。 from '@material-ui/core/Typography'; 10 import FundraiserContract from ". from '@material-ui/core/Typography'; 9 import Web3 from 'web3'; 10 import FundraiserContract > 259 <Typography variant="body2" color="textSecondary" component="div"> 260 from '@material-ui/core/Typography'; 12 13 const App = () => { 14 const useStyles = makeStyles
7.1K20编辑于 2022-04-11 - ; }; const Game2048 = props => { const handleRestart = () =} {win &&variant="h2" className="text-white">游戏结束</Typography>
云开发 Copilot：AI 赋能的低代码革命
-4"> <Typography variant="body1" className="text-white">分数: {score}</Typography> <Typography variant="body1" className="text-white">最高分: {highestScore}</Typography>
<Typography variant </Typography>}
Android实战经验分享之用Kotlin中的Jetpack Compose构建声明式UI
MaterialTheme { // Screen content } 2、 Typography 和 Shapes: 可以定义和使用自定义的排版和形状样式。 val typography = Typography( body1 = TextStyle( fontWeight = FontWeight.Normal, fontSize
Compose主题切换——让你的APP也能一键换肤
其实 Compose 虽说换肤实现很简单，但是这也需要在你遵守 Compose 开发规范的前提下，比如定义颜色的时候不使用硬编码，而使用 MaterialTheme 中的颜色，当然还有 Shape 、Typography = Typography, shapes = Shapes, content = content ) } 可以看到 Theme 中先是定义了深色和浅色两个颜色， 上代码： // 颜色使用 MaterialTheme.colors.primary // 形状使用 MaterialTheme.shapes.large // 字体类型使用 MaterialTheme.typography.body1 else { getThemeForThemeId(themeId) } MaterialTheme( colors = colors, typography = typography, shapes = Shapes, content = content ) } 可以看到上面添加了一个参数 themeId 用来表示当前需要使用的主题
Android 使用CodeBuddy提高开发效率
8.dp)) Text( text = news.content, style = MaterialTheme.typography.bodyMedium 8.dp)) Text( text = news.content, style = MaterialTheme.typography.bodyMedium ) Text( text = value, style = MaterialTheme.typography.bodyMedium = Modifier.width(16.dp)) Text( text = title, style = MaterialTheme.typography.bodyLarge = Modifier.width(16.dp)) Text( text = title, style = MaterialTheme.typography.bodyLarge
掌握使用 React 和 Ant Design 的个人博客艺术之美
安装Ant Design在项目目录中，使用 npm 或者 yarn 安装 Ant Design：npm install antd或者yarn add antd从卡片（Card）到排版（Typography 你可以从 Ant Design 的文档中选择适合你博客风格的组件，比如 Menu、Card、Typography 等。 import React from 'react';import { Card, Typography, Menu } from 'antd';const { Meta } = Card;const { Title, Paragraph } = Typography;const BlogPost = () => { return ( <Card style={{ width: 300 }}
15个新鲜出炉的 Photoshop 文本效果教程
Flming Meteor Text Effect Take typography one staep further by having text falling from the sky in a WarCraft Font Shining Neon Text Effect in Photoshop Star Wars text effect Super Cool Frilly Bits Typography
