Coder Social home page Coder Social logo

img-avatar's Introduction

JX3BOX 头像框设计说明

一套头像需使用相同风格,提供 5 种尺寸。
可以为圆形,也可以为方形,但一套尺寸样式必须统一(要么全方,要么全圆)。

图片路径

文件存放在images文件夹中 按头像框主题(英文名)每个主题一个子文件夹,内附 5 张图,格式自拟(格式无需统一,即可以小图为 gif,大图为 png)。

以默认为例,主题名 default

default

文件名格式 头像尺寸 相框尺寸 展示
xxs 36 48 PC端评论
xs 48 68 手机端评论
s 68 88 侧边栏
m 88 123 文章单页侧边栏/配装器等
l 120 168 个人中心首页/个人主页
xl 150 210 特殊活动

数据信息

style可取值

  • square方形
  • circle圆形

##头像框设计地址 https://www.figma.com/file/1WPZqvmlI5TN7HnVxmh59E/Untitled?node-id=0%3A1

JSON字段 说明 补充说明
name 头像框路径
desc 名字(对外显示名)
decoration 是否为主题装扮收集 1为是0为否
postscript 补充说明 主要写获取方式
status 是否激活(已废弃) 1为是0为否

img-avatar's People

Contributors

nierssaxa avatar suhuahuo avatar iruxu avatar dobing avatar zixuan1986 avatar

Stargazers

 avatar

Watchers

Emil Zhai avatar  avatar

Forkers

vl3box

img-avatar's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.