这里是文章模块栏目内容页
React Native开发中css样式的编写之border篇
import { color } from "./color";

/********************************* 边框样式 ***********************/
export default {
  borderNone: {
    border: "none",
  },
  borderBase: {
    borderWidth: 1,
    borderStyle: "solid",
    borderColor: color.border.base,
  },
  borderLight: {
    borderWidth: 1,
    borderColor: color.border.light,
  },
  borderLighter: {
    borderWidth: 1,
    borderColor: color.border.lighter,
  },
  borderBottomBase: {
    borderBottomWidth: 1,
    borderBottomColor: color.border.base,
  },
  borderBottomLight: {
    borderBottomWidth: 1,
    borderBottomColor: color.border.light,
  },
  borderBottomLighter: {
    borderBottomWidth: 1,
    borderBottomColor: color.border.lighter,
  },
  borderTopBase: {
    borderTopWidth: 1,
    borderTopColor: color.border.base,
  },
  borderTopLight: {
    borderTopWidth: 1,
    borderTopColor: color.border.light,
  },
  borderTopLighter: {
    borderTopWidth: 1,
    borderTopColor: color.border.lighter,
  },
  borderTopShadow: {},
  borderBottomShadow: {},
  /** 圆角 */
  radiusMin: {
    borderRadius: 4,
  },
  radiusSmall: {
    borderRadius: 8,
  },
  radiusBase: {
    borderRadius: 10,
  },
  radiusBig: {
    borderRadius: 15,
  },
  radiusHuge: {
    borderRadius: 50,
  },
  radiusRound: {
    borderRadius: 1000,
  },
};


更多栏目
相关内容