• Home
  • Categories
  • WIKI
  • LANGUAGE: en
    • [星火应用商店]官网第三代上线！
    deepin Talks 4610 views · 41 replies ·
    Tofloor
    poster avatar
    chaodn
    deepin
    2020-07-28 19:22
    Author
    我按照大家的建议改了改，再按照我们的UI概念设计师https://bbs.deepin.org/user/225373 的设计制作，星火应用商店官网第三代上线了！看图



    最后奉上网址：https://spark-app.tk/（该域名非正式域名，现在测试用。）

    问题反馈地址：https://support.qq.com/products/178646
    Reply Favorite View the author
    All Replies
    2 / 3
    To page
    avatar
    吉王义昊
    deepin
    2020-07-30 01:34
    #21
    此外index.html第178行后面少加了一个p标签，与第170、161、152、142行等不符
    Reply View the author
    avatar
    吉王义昊
    deepin
    2020-07-30 01:36
    #22
    还有。。。index.css的第41行.main-product为什么要加底内边距？
    1. padding-bottom: 130px;
    Copy the Code

    页面底好长一道白边。。。
    Reply View the author
    avatar
    chaodn
    deepin
    2020-07-30 01:36
    #23
    https://bbs.deepin.org/post/197795
    此外index.html第178行后面少加了一个p标签，与第170、161、152、142行等不符

    感谢大佬的指导，会修改的
    Reply View the author
    Comments
    jwyh
    2020-07-30 01:59
    不客气，应该暂时只有这些问题，其实本来没有那个p标签问题不大，但是按照我的方案改过以后最后一个卡片地段不能对齐，加上就能对齐了
    avatar
    吉王义昊
    deepin
    2020-07-30 01:37
    #24
    另外首页那个原来是一张图片？
    。。。
    任重而道远！
    Reply View the author
    avatar
    xiaobaixindiruan
    deepin
    2020-07-30 01:53
    #25
    有点很社区的风格 可以再好点
    Reply View the author
    avatar
    吉王义昊
    deepin
    2020-07-30 01:56
    #26
    诶等等
    1. /**

    3. @Name: layuiNetCompany - 大气风格的网络公司企业模版
    4. @Author: xuxingyu
    5. @Copyright: layui.com

    7. */
    Copy the Code

    啊这
    这是套的模板啊（难怪那么丑）
    轮播图在屏幕宽度小的设备无法全部显示
    解决方案如下
    把/res/static/js/firm.js的第15~21行改为如下代码：
    1.   //轮播渲染
    2.   carousel.render({
    3.     elem: '#banner'
    4.     ,width: '100%'
    5.     ,height: document.body.getBoundingClientRect().width/16*9+'px'
    6.     ,arrow: 'always'
    7.   });
    Copy the Code

    然后把index.css第35行改为如下代码：
    1. #banner img{width: 100%}
    Copy the Code


    最后要注意，按照我的方案修改之后轮播图只能放16:9的图片才有最佳显示效果（本来不修改也是）
    Reply View the author
    Comments
    wch200808
    2020-07-30 04:11
    感谢大佬
    avatar
    卖时间的商人
    deepin
    2020-07-30 04:17
    #27
    jwyh 发表于 2020-7-29 17:56
    诶等等
    啊这
    这是套的模板啊（难怪那么丑）

    就你意见最多，做个出来看看啊！没有这个能力就别这么挑剔。

    我说好看
    Reply View the author
    Comments
    jwyh
    2020-07-30 17:44
    本来就是测试，测试就是为了找出问题，不仅找问题还给代码的似乎只有我一个吧？请不要本末倒置好吗？
    jwyh
    2020-07-30 17:43
    你可以试一下有没有那个问题嘛，再说了，我连需要改的代码都写出来了你的活期怎么这么大
    jwyh
    2020-07-30 17:41
    我给的就是解决问题用的代码啊，换句话说我确实做出了修改用的代码
    avatar
    liyonghua
    deepin
    2020-07-30 05:37
    #28
    这是啥意思？
    Reply View the author
    avatar
    SamLukeYes
    deepin
    2020-07-30 05:50
    #29
    https://bbs.deepin.org/post/197795
    这是啥意思？

    是 UOS 个人版吗？个人版的 dtk5 版本不够新，需要安装 dtk2 的版本
    Reply View the author
    avatar
    SamLukeYes
    deepin
    2020-07-30 05:54
    #30
    建议在打包的时候加上 dtk5 版本和 dtk2 版本之间的冲突，等它解包了才报错不太好
    Reply View the author
    avatar
    BG7ZAG
    deepin
    2020-07-30 16:42
    #31
    https://bbs.deepin.org/post/197795
    你的分辨率是多少？网站比较适合1920*1080分辨率。

    网站现在是测试阶段，也是需要改进的 ...

    2560*1440 2k 100%缩放，得做下适配，现在pc显示器2k的比较多，也要视频笔记本的1366
    Reply View the author
    Comments
    wch200808
    2020-07-30 16:53
    好的，会优化的
    avatar
    chaodn
    deepin
    2020-07-30 17:06
    #32
    感谢大家的支持，如果要吐槽可以去 https://support.qq.com/products/178646/ ，方便我们整理问题。
    Reply View the author
    avatar
    chaodn
    deepin
    2020-07-30 17:07
    #33
    本帖最后由 wch200808 于 2020-7-30 09:11 编辑
    https://bbs.deepin.org/post/197795
    真的很丑。。。

    你觉得网站哪个部分丑，有什么建议吗？
    Reply View the author
    avatar
    Cris.Q
    deepin
    2020-07-30 17:33
    #34
    以下仅为个人意见：
    应用介绍页面（首页）第二部分和第三部分的文字太大了，基本把整个页面铺满了，感觉这种时候加背景图片有点不合适，我觉得把文字调小一点有更好的显示效果。
    第二章背景图和第三张背景图之间衔接极其生硬，观感很不好。这个问题的解决方案可以学学Pop!OS的官网。

    标题的颜色不容易分辨，字体风格偏向活泼，和首页沉稳宁静的设计风格不符。

    首页两张背景图的设计风格就是俩极端，放在一起有生硬拼接的劣质感。

    占了一大片空间的应用分类不知道有什么意义，建议适当（极度）缩小。

    我到头来也没看出来官网是个什么设计风格，给我的感觉是轮播图是一个设计师设计的，两张介绍图是另一个设计师设计的，最下面的应用分类页面又是另一个设计师设计的。

    下载页面的这个文字不知道是不是我浏览器的问题。


    有时间的话非常，极其，特别建议统一一下设计风格。


    Reply View the author
    Comments
    jwyh
    2020-07-30 17:59
    下载页面的那个文字。。。似乎是放在图片里的emmmm
    avatar
    Cris.Q
    deepin
    2020-07-30 17:38
    #35
    https://bbs.deepin.org/post/197795
    你觉得网站哪个部分丑，有什么建议吗？

    丑，真的丑。
    设计风格不统一（由其这一点）——你看看两张轮播图就知道了。
    空间分配不合理                       ——首页最下面那一块应用分类简直就是败笔。

    另外下载页面的下载图标根本看不清楚。

    Reply View the author
    Comments
    wch200808
    2020-07-30 18:28
    这个下载图标也会改
    avatar
    Cris.Q
    deepin
    2020-07-30 17:44
    #36
    啊对了，问一下哈





    你这个顶栏透明度是随缘的吗？
    Reply View the author
    Comments
    jwyh
    2020-07-30 17:54
    我又试了一遍。。。好像在首页始终是30%透明的(在CSS里写死的）
    jwyh
    2020-07-30 17:49
    不是吧，根据我的测试，在轮播图界面是透明的，向下滑动后就不透明了，这个应该没有什么大问题
    avatar
    Cris.Q
    deepin
    2020-07-30 17:50
    #37
    https://bbs.deepin.org/post/197795
    啊对了，问一下哈

    诶，那挺好的，可能我没注意
    Reply View the author
    avatar
    Cris.Q
    deepin
    2020-07-30 17:51
    #38
    https://bbs.deepin.org/post/197795
    啊对了，问一下哈

    我测试的结果是整个首页都是透明的，可能是因为我用的firefox
    Reply View the author
    avatar
    Cris.Q
    deepin
    2020-07-30 17:53
    #39
    https://bbs.deepin.org/post/197795
    啊对了，问一下哈

    换了google-chrome
    并无力吐槽

    Reply View the author
    Comments
    jwyh
    2020-07-30 17:55
    论坛不能回复点评到时挺讨厌的，哈哈
    avatar
    Cris.Q
    deepin
    2020-07-30 17:57
    #40
    https://bbs.deepin.org/post/197795
    换了google-chrome
    并无力吐槽

    哈哈哈，自己回复自己
    Reply View the author
    2 / 3
    To page