前言 学习总结使用，博客如中有错误的地方，请指正。改系列文章主要记录了搭建一个管后台的步骤，主要实现的功能有：使用路由模拟登录、退出、以及切换不同的页面；使用redux实现面包屑；引入使用其他常用的组件，比如highchart、富文本等，后续会继续完善。一、配置侧边栏组件 我们已经将将路由搭建好了，在浏览器中输入不同的url路径，能访问到不同的页面。接下来，我们要将管理后台的页面布局呈现出来。
转载
2024-03-25 16:49:17
356阅读
FlexBox提供了在不同尺寸设备上都能保持一致的布局方式。FlexBox是CSS3弹性框布局规范，目前还处于最终征求意见稿 (Last Cal...
原创
2022-07-13 23:06:39
223阅读
React Native 布局 在React Native中采用的是FlexBox （弹性框）进行布局的，FlexBox 提供了在不
原创
2022-05-30 12:03:48
148阅读
1 环境配置React技术栈：React + Redux + Dva + UI库React开发采用的架构是：Webpack + CMD（import/export）+ ES6 + babel-loader + ReactAPI文档：https://facebook.github.io/react/docs/hello-world.html 现在开始配置一个基础项目。 创建项目文
一部手机放在桌面上时，展现的是工业设计师对手机外形的美学追求。当屏幕点亮时我们希望这份美感不仅能够得以延续，并且还要易用和人性化，这就是 Smartisan 桌面。今天来分享它的使用方法和细节。一切从点亮屏幕开始。使用认识板块Smartisan OS 的桌面采用了经典的宫格设计，个性的操作理念让它拥有前所未有的高效和便捷。多板块的使用：通常情况下，在手机桌面上寻找应用的体验并不高效，需要不断左右横
转载
2024-04-12 07:49:22
188阅读
科技化的社会让我们觉得生活上已经离不开科技了，很多苹果用户都会觉得自带的输入法非常的不好用，在屏幕上的按键非常的小，又是全键盘模式，所以在打字的时候会容易打错字，如果说想要使用第三方的输入法就只能进行越狱，但是相信很多朋友们都不想为了一个输入法对手机进行越狱。那么iPhone手机九宫格是怎么设置的？iphone九宫格的设置方法：步骤一：从现在开始，这样的困惑可以说已经离我们而去了，自从苹果发布 i
转载
2023-09-09 15:12:59
484阅读
宽度单位和像素密度 react的宽度不支持百分比，设置宽度时不需要带单位 {width: 10}， 那么10代表的具体宽度是多少呢？
原创
2022-04-06 11:51:25
495阅读
React Native flex布局 -弹性布局
原创
2022-01-05 10:44:44
259阅读
import React from 'react';import { StyleSheet, Text, View,} from 'react-native';const App=()=>{ retur
原创
2022-06-06 18:18:18
97阅读
背景1.1 行业现状与问题很多技术同学都知道，移动端往往比较侧重业务开发，这会导致人员规模不断扩大，项目复杂度也会持续增长。而为了满足业务的快速上线，很难去落实统一的设计规范，在开发过程中由于UI缺乏标准导致的问题不断凸显，具体体现在以下4个层面：设计层面：由于UI缺乏标准化设计规范，在不同App及不同开发语言平台上设计风格不统一，用户体验不一致；设计资源与代码均缺乏统一
转载
2024-04-03 12:26:09
62阅读
被iPhone X刷了一天屏，到下午实在受不了各种标题写着“iPhone X 适配、指南、设计稿” 内容却是发布会回顾和手机介绍的标题党。索性自己写一篇只针对iPhone X适配的贴子，与适配无关的内容通通不要。昨夜发布的iPhone 8属于常规升级，屏幕与以往的iPhone6、6S、7系列相同。在昨天发布的新机中，只有iPhone X的分辨率发生了变化，但变化仅限于物理像素层面。在真正决定屏幕内
转载
2023-07-31 15:34:28
722阅读
前言 现在稍微大型的站点都会采用H5/PC端 并行，通过nignx获取浏览器的UA信息来切换站点。 但这对于一些企业站点或人手不足的小型项目来说，就很难实现。 通过CSS媒体查询实现响应式布局，是主流方式。 但是，有时在React程序中，需要根据屏幕大小有条件地渲染不同的组件（写媒体查询太麻烦了，还 ...
转载
2021-09-06 22:21:00
1803阅读
2评论
而在React Native中，有4个容器属性，2个项目属性，分别是： 容器属性：flexDirection flexWrap justifyContent alignItems 项目属性(子元素属性)：flex alignSelf flex-direction属性 flex-direction属性
转载
2018-07-29 22:52:00
256阅读
2评论
一、基本概念React antd是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。使用地址
原创
2023-07-10 10:22:55
130阅读
一、基本样式（1）内联样式 在组件里面定义样式<Text style={{color:'orange', fontSize:20}}> 小字号内联样式</Text>
原创
2023-04-27 14:17:11
212阅读
Flexbox 译为弹性布局（这里我们简称 Flex），是CSS的一种布局方案，可以简单、完整杂的布局，因此，学习 Flex 布...
原创
2022-03-16 12:20:40
117阅读
1.固定布局 方法 <head>里把<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">加好，然后根据设计稿设定相应的宽度即可，其他地方类似于pc端。优点 &n
转载
2023-07-14 13:56:13
485阅读
如上带标注的效果图，是1080*1920 也就是6p 的尺寸。如何根据6p的标注，在各种iPhone 尺寸上完美适配尼？ 适用：UI 各屏幕／分辨率适配方案（只针对竖屏iPhone页面，并且不太多的不定因子） 640*960 4 0.66666
640*1136 5 0.56338
750*1334
