search

JX3BOX / img-decoration

魔盒装扮
0 stars 1 forks source link

装扮1期规划 #1

Open iRuxu opened 1 year ago

nierssaxa commented 1 year ago

捏脸头像框

KZ$_%D3~YVO2J_~Z$FR416L 加上头像框后上空白40px，下空白20px 捏脸内页新增头像框支持 头像框和头像尺寸为 M 档 （https://github.com/JX3BOX/img-avatar）

nierssaxa commented 1 year ago

个人中心调整

R 2218V0YT1MM{U_QRQ`Y@H 头像框上下左右空白20px，头像框下面有一个分割线，所以分割线应该是头像框下面20px的位置 由于上下间隔改动，右侧的个人信息也要跟着一起保持水平对齐

nierssaxa commented 1 year ago

个人主页调整（PC端）

1.取消顶部横幅的个人签名 2.粉丝数颜色调整为粉色，和关注TA的按钮底色一致 3.关注TA右侧的更多按钮，点击后的框，应当是向左拓展，而不是向右拓展（具体样式如下图） 4.本人查看本人的个人主页的时候，关注TA以及更多 这两个按钮不予以显示 5.本人查看本人的个人主页的时候，可以点击粉丝数跳转到个人中心的粉丝页面 _{`DU Z7R)V%6A7I5K8J1PY

nierssaxa commented 1 year ago

评论区头像调整

8W1T%}O(V%34H2 5UE`CCW6 支持圆角和头像框，尺寸比例为 XS 子评论比例为xxs

yu-minggang commented 1 year ago

个人主页调整（PC端）

1.取消顶部横幅的个人签名 2.粉丝数颜色调整为粉色，和关注TA的按钮底色一致 3.关注TA右侧的更多按钮，点击后的框，应当是向左拓展，而不是向右拓展（具体样式如下图） 4.本人查看本人的个人主页的时候，关注TA以及更多 这两个按钮不予以显示 5.本人查看本人的个人主页的时候，可以点击粉丝数跳转到个人中心的粉丝页面 _{`DU Z7R)V%6A7I5K8J1PY

看本人的个人主页的时候，可以点击粉丝数跳转到个人中心的粉丝页

nierssaxa commented 1 year ago

个人主页调整（PC端2）

CI7Z8CZT8QF}15LW1XLHL2Q 顶部横幅高度改为220px，头像为L档（120px/168px），上下间距50px/26px 右侧信息与头像间距20px，上下间距82px（数据可能不太准，具体以(200-右侧信息整体高度)/2）

nierssaxa commented 1 year ago

个人主页调整（手机端）

{(SD1}BV$L@EAI59(T7HXK2 1.顶部横幅高度改为130px，头像固定为S档（68px/88px），上间距36px/26px，下间距26px/16px 2.横幅内的头像（含头像框）的位置为横幅内X轴16px（不再垂直居中） 3.右侧信息与头像间距20px，和PC端一样，跟头像以水平中线对齐。 4.顶部横幅背景图跟PC端分开，手机端和PC端分别取两张图（后期设计负责制作手机端的和PC端的图） 5.关注TA的按钮移动到横幅右上角，距离横幅右侧和上方间距10px的位置，大小尺寸改成85x30px，按钮内容改成“关注”, 6.看一下能不能把加入时间的这个模块移上来，放到顶部横幅的模块下面，作品模块的上面

nierssaxa commented 1 year ago

虚拟装扮1（主题）

主题分为4个部分

  1. 侧边栏（体现在文章左侧）
  2. 艾特人（体现在鼠标移到文章内艾特人时的名片显示），
  3. 个人主页背景（后期考虑做成全站），
  4. 个人主页顶部横幅。
  5. 主题选择入口为 个人中心-资料设置-选择主题
  6. 文件名，文件夹拟定为：装饰序号_装饰名字，如：1_CYBERPUNK
  7. 文件名，具体装饰位置拟定为：装饰序号_装饰方向_装饰名.后缀，如：1_CT_CYBERPUNK.png
  8. 装饰方向，CBL（侧边栏），AT（艾特人），L1/L2/R1/R2（背景锚点），CT（个人中心顶部横幅）
nierssaxa commented 1 year ago

虚拟装扮1（主题-个人主页背景）

_CRU3620IM7R KC6@I%}II

  1. 设置四个锚点，分别以L1-L2-R1-R2注明，固定位置，不随浏览器的滚动而改变。
  2. 四个锚点不对图片做任何颜色尺寸大小限制（手机端则四个锚点的图片尺寸全部缩小50%）
  3. 文件名，文件夹拟定为：装饰序号_装饰名字，如：1_CYBERPUNK
  4. 文件名，具体装饰位置拟定为：装饰序号_锚点位置_装饰名.后缀，如：1_L1_CYBERPUNK.png
  5. 测试用文件已发群文件
  6. 拟定单张图不超过1M，整体总共不超过4M（对美工的要求）
yu-minggang commented 1 year ago

捏脸头像框

KZ$_%D3~YVO2J_~Z$FR416L 加上头像框后上空白40px，下空白20px 捏脸内页新增头像框支持 头像框和头像尺寸为 M 档 （https://github.com/JX3BOX/img-avatar）

yu-minggang commented 1 year ago

个人中心调整

R 2218V0YT1MM{U_QRQ`Y@H 头像框上下左右空白20px，头像框下面有一个分割线，所以分割线应该是头像框下面20px的位置 由于上下间隔改动，右侧的个人信息也要跟着一起保持水平对齐

yu-minggang commented 1 year ago

主题装扮

nierssaxa commented 1 year ago

@yu-minggang 1.资料卡（homebanner）背景不要设置灰色，直接设置空白。 2.个人设置那边，不要加灰白的filter，以后那个位置要是有人物或者动物会显得很晦气（灰白更偏向遗照），在上面加一个50%的白色就行。 3.个人设置下面，当前设置应该有名字，比如头像框是什么，主题是什么

nierssaxa commented 1 year ago

$J6Z7ZA)F0M`958}Z10FECN

社区称号，字符honor，展示样式同homebanner区域的【签约作者】， 文本14px，文本有字数限制等浮烟定规则，底部框高度20px，宽度为10px+文本宽度+50px，即文本左侧边距10px右侧边距50px，边框圆角2px 文本框和文本颜色走 Buttoncolor和Buttontextcolor 空出的50px可以放一张图，暂定key为honorbg

nierssaxa commented 1 year ago

HW531)JRA~(4JZ@J_SP@(IS

头像框，字符avatar 在个人设置那边的头像框，将仅展示用户已入库和未入库的头像框。 所有免费头像框也进入商城通过1积分+1盒币的形式售卖（或者代码可以实现0积分0盒币的话）