-
//list item css file
.orderItem {
display: block;
padding: 11px 10px 11px 15px;
}
.orderItem__picContainer {
padding-right: 10px;
display: inline-block;
}
.orderItem__pic {
width: 90px;
height: 90px;
}
.orderItem__content {
display: inline-block;
width: calc(100% - 100px);
}
.orderItem__product {
max-width: 237px;
font-size: 17px;
font-weight: 700;
color: #111;
padding-right: 8px;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.orderItem__shop {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
color: #777;
padding-top: 9px;
padding-bottom: 13px;
}
.orderItem__detail {
display: flex;
justify-content: space-between;
height: 22px;
line-height: 22px;
padding-right: 4px;
}
.orderItem__price {
font-size: 13px;
color: #777;
vertical-align: 1px;
margin-left: 10px;
}
.orderItem__price::before {
content: "\A5";
margin-right:1px;
}
.orederItem__btn {
width: 80px;
height: 22px;
text-align: center;
color: #fff;
border: 0;
font-size: 14px;
}
.orederItem__btn--red {
background-color: #e9203d;
}
.orederItem__btn--grey {
background-color: #999;
}
.orderItem__StarContainer{
margin: 3px 0;
}
.orderItem__star {
font-size: 22px;
cursor: pointer;
color: #ccc;
}
.orderItem__star--red {
color: #e9203d;
}
.orderItem__star--light {
color: #ccc;
}
查看全部 -
React基础知识:
列表和Keys
生命周期事件函数
表单
查看全部 -
React的基础知识:
构建用户界面的Javascript库。
JSX语法声明式的视图层。
以组件为基础
查看全部 -
VSCode安装的插件
npm intellisense : 在import 时自动补全npm modules
path intellisense: 补全文件名
Prettier: 代码格式化
Reactjs code snippets: 代码片段
查看全部 -
开发环境要求
查看全部 -
public下面的资源文件不会被webpack打包。可以直接通过http用fetch请求到。
查看全部 -
有源码么,没有样式
查看全部 -
被标记unsafe:
componentWillMount
componentWillUpdate
componentWillReceiveProps
新增的方法:
getDerivedStateFromProps
getSnapshotBeforeUpdate
查看全部 -
npm intellisense : 在import 时自动补全npm modules
path intellisense: 补全文件名
Prettier: 代码格式化
Reactjs code snippets: 代码片段
查看全部 -
样式文件。。。。。。。。。。。。。。
查看全部 -
questionid
213
查看全部 -
?查看全部
-
骷髅头查看全部
举报