Giter VIP home page Giter VIP logo

Comments (11)

guo-yu avatar guo-yu commented on June 3, 2024

@banrikun 稍等我看看

from airpub.

guo-yu avatar guo-yu commented on June 3, 2024
  1. archive.html 页面是一个文章列表,airticle ID 是在 ng-repeat 循环里的。这里暴露出来的变量是 articles 数组,你需要看哪个文章的 ID,可以在循环里单独列出,也可以使用 articles[0].thread_id 这种方法去取得
  2. ui-sref="layout.single({uri: article.thread_id })" 这段话是告诉 angular-ui-router 跳转到 layout.single 试图,并且传入参数对象。这个对象里的 uri 就是个字符串,想要写成什么都行,比如你想要在这个字符串背后加一个 #comments 直接这样写就成:layout.single({uri: article.thread_id + '#comments' })
  3. airpub-dependencies.min.css 顾名思义是依赖模块的所有样式表了,包括依赖的库,编辑器的样式等等,你遇到了什么情况导致这个库里的样式影响到你自定义的样式?可以举个例子,我们具体分析一下

from airpub.

banrikun avatar banrikun commented on June 3, 2024

感谢回复,1和2我等下就去尝试。
3的话,会让我的文章列表变为圆角矩形...并且在:hover下,宽度会改变

至少这两点我个人觉得算是主题中自己DIY常用到的部分,所以应该放在chill.css中,而不是airpub-dependencies中 -v-

from airpub.

guo-yu avatar guo-yu commented on June 3, 2024

问题 2 存在一个问题,就是 airpub 的路由代码并不会去删除 hash,所以这样写可能达成不了你想要的效果,具体可以看 /src/controllers/single.js 代码第 13 行。

from airpub.

guo-yu avatar guo-yu commented on June 3, 2024

和主题相关的效果都是在 chill 主题里的,并不会出现在 http://airpub.qiniudn.com/dist/airpub-dependencies.min.css 里,尝试审查一下,我记得这个样式是写在 chill 这个主题里的

from airpub.

banrikun avatar banrikun commented on June 3, 2024

chill我删除了还有,dependencies删除了就没了。添加上dependencies又这样了,应该是写到了dependencies里了。。。我是40行构建的

from airpub.

guo-yu avatar guo-yu commented on June 3, 2024

@banrikun 右键审查元素,看下样式覆盖的情况,不要凭空 debug 呀

from airpub.

guo-yu avatar guo-yu commented on June 3, 2024

这段样式代码实际上在 chill/archive.less 文件的第 16 行。你可以看看

from airpub.

banrikun avatar banrikun commented on June 3, 2024

唔 找到了宽度原因了 是因为box-sizing导致的,唔我一直不用这个的
但是圆角矩形以及背景图片的问题貌似还没找到。。。应该也是盒子带来的问题,我再排查下...

from airpub.

guo-yu avatar guo-yu commented on June 3, 2024

@banrikun 嗯,有问题随时提 issue :)

from airpub.

banrikun avatar banrikun commented on June 3, 2024

发现使用data-thread-key="{{article.thread_id}}"这样的调用方式是不行的,因为Airpub的文章在多说后台的Thread Key是24a37ed0-8f14-11e4-b9ba-b1c716e1f10a 这样的形式……
求助嗷嗷嗷

from airpub.

Related Issues (20)

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.