|
/*======================================================================================================================= 商品动态页面*/
|
|
/*----------------------------------------------------------------------------------- 区域最外层*/
|
.wai{ width: 95%; min-width: 65rem; height: auto; margin-left: 2rem; margin-top: 1.5rem; padding-bottom: 2rem; background-color: white; }
|
/*每个版块单行*/
|
.danrow{ width: 94%; min-height: 1rem; margin-left: 3%; margin-top: 2rem; }
|
|
|
/*----------------------------------------------------------------------------------- 用户选择区域*/
|
/*模拟组件框*/
|
.userwai{ width: 30rem; height: 2.5rem; border: 1px solid grey; position: relative; }
|
/*隐藏的下拉框*/
|
.userab{ width: 30rem; height: auto; border: 1px solid grey; background-color: white; position: absolute; left: -1px; top: 2.5rem; z-index: 20; }
|
/*下拉框中的每个元素框*/
|
.userdan{ width: 100%; height: 2.5rem; transition: background-color 0.5s; }
|
.userdan:hover{ background-color: rgba(0,0,0,0.7); color: white; }
|
|
|
/*----------------------------------------------------------------------------------- 标题编辑区域*/
|
/*菜单框*/
|
.toolbar { width: 60rem; border: 1px solid #ccc; }
|
/*文本输入框*/
|
.text { width: 60rem; height: 10rem; border: 1px solid #ccc; }
|
|
|
/*----------------------------------------------------------------------------------- 商品选取区域*/
|
/*已经选好的商品*/
|
.spdan{ width: 6rem; height: 8rem; border: 0.3rem solid gainsboro; margin: 0.5rem; position: relative; }
|
.spimgsize{ width: 6rem; height: 6rem; }
|
/*右上角删除按钮*/
|
.spdel{ width: 1.7rem; height: 1.7rem; border-radius: 50%; position: absolute; right: 0.1rem; top: 0.1rem; cursor: pointer; z-index: 15; }
|
|
/*搜索弹框*/
|
.spsouwai{ width: 65rem; height: 43rem; position: fixed; left: 3rem; top: 4rem; background-color: white; border: 1px solid grey; border-radius: 0.3rem; z-index: 30; box-shadow: 0 0 1rem gray; }
|
/*搜索输入框*/
|
.spsouinput{ width: 20rem; height: 2rem; padding: 0 0.5rem; border: 1px solid grey; border-radius: 0.3rem; outline: none; }
|
/*头排说明*/
|
.sprowT{ width: 60rem; height: 2rem; background-color: #F1F1F1; border: 1px solid #CCCCCC; }
|
.sprowTdan{ background-color: white; margin-right: 1px; overflow: hidden; }
|
/*搜索结果外框*/
|
.spjiewai{ width: 60rem; margin-top: 0.3rem; margin-bottom: 1rem; border: 1px solid #CCCCCC; overflow: scroll; }
|
.spjiewai::-webkit-scrollbar{ display: none; }
|
/*商品单排*/
|
.sprow{ width: 60rem; height: 6rem; background-color: #F1F1F1; border-bottom: 1px solid #CCCCCC; }
|
.sprowdan{ margin-right: 1px; word-break: break-all; background-color: white; transition: background-color 0.3s; overflow: hidden; }
|
/*文字三排显示*/
|
.sptitle{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
|
.sprowxuan{ }
|
.sprowxuan>div{ background-color: #CBE5CB; }
|
|
|
/*----------------------------------------------------------------------------------- 提交按钮区域*/
|
/*是否置顶*/
|
.radio{ width: 1rem; height: 1rem; border: 1px solid white; border-radius: 50%; }
|
/*发布按钮*/
|
.btn{ width: 5rem; height: 2rem; border-radius: 0.3rem; }
|
|
|
