大体样式
This commit is contained in:
parent
dbc607f67d
commit
78c871ad0a
@ -41,7 +41,8 @@
|
||||
.small_title,
|
||||
.created_time,
|
||||
.updated_time {
|
||||
font-size: 0.9rem;
|
||||
font-size: 0.8rem;
|
||||
color: #BBBBBB;
|
||||
}
|
||||
|
||||
.operation {
|
||||
@ -58,6 +59,7 @@
|
||||
|
||||
.delete {
|
||||
background: red;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.footer{
|
||||
|
||||
68
css/notepad_edit.css
Normal file
68
css/notepad_edit.css
Normal file
@ -0,0 +1,68 @@
|
||||
.row {
|
||||
background: white;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.block{
|
||||
margin-top: 36px;
|
||||
padding: 0 2%;
|
||||
}
|
||||
|
||||
.z{
|
||||
width: 100%;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.name {
|
||||
font-size: 18px;
|
||||
color: black;
|
||||
line-height: 42px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.small_title,
|
||||
.created_time,
|
||||
.updated_time {
|
||||
font-size: 0.8rem;
|
||||
color: #BBBBBB;
|
||||
}
|
||||
|
||||
.footer{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: white;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
||||
#content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#content .w-e-toolbar {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.s1 {
|
||||
/* float: left; */
|
||||
/* min-width: 60px; */
|
||||
line-height: 42px;
|
||||
color: #525252;
|
||||
font-size: 17px;
|
||||
white-space: nowrap;
|
||||
/* flex: 1.2; */
|
||||
}
|
||||
|
||||
.con .row input {
|
||||
/* float: left; */
|
||||
margin: 0;
|
||||
width:auto ;
|
||||
border: none;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
120
templete/goodslist.html
Normal file
120
templete/goodslist.html
Normal file
@ -0,0 +1,120 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title></title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<link href="../css/mui.min.css" rel="stylesheet" />
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="header">
|
||||
<div class="header_con">
|
||||
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
||||
<!--<img src="../img/title_news.png" class="oc_logo" />-->
|
||||
<p class="title">商品列表</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mui-scroll-wrapper scroll_out_t" id="pullrefresh">
|
||||
<div class="mui-scroll">
|
||||
<div class="top"></div>
|
||||
<div class="con">
|
||||
<div class="commoditylistnav shadown_wai">
|
||||
<div class="nav_block on" data-condition='2'>综合</div>
|
||||
<div class="nav_block" data-condition='0'>销量</div>
|
||||
<div class="nav_block" data-condition='3'>新品</div>
|
||||
<div class="nav_block" data-condition='1' id="cost_btn">价格 <img src="../img/cost1.png" /></div>
|
||||
</div>
|
||||
|
||||
<div class="recommend_con clearfix">
|
||||
<!--<div class="recommend_con_block shadown_wai">
|
||||
<img class="rcb_img" src="../img/kong.png" alt="" />
|
||||
<div class="rcb_con">
|
||||
<div class="rcb_title">
|
||||
<span>自营</span>VeroModa双腰头修身九分棉弹牛仔裤
|
||||
</div>
|
||||
<div class="rcb_pay">
|
||||
￥269.00 <span>满减</span>
|
||||
</div>
|
||||
<div class="rcb_bottom">
|
||||
<span>可用木吉抵扣20%货款</span>
|
||||
</div>
|
||||
</div>
|
||||
<img class="icon_icon" src="../img/icon_sscl.png" alt="" />
|
||||
</div>
|
||||
<div class="recommend_con_block shadown_wai">
|
||||
<img class="rcb_img" src="../img/kong.png" alt="" />
|
||||
<div class="rcb_con">
|
||||
<div class="rcb_title">
|
||||
<span>自营</span>VeroModa双腰头修身九分棉弹牛仔裤
|
||||
</div>
|
||||
<div class="rcb_pay">
|
||||
￥269.00 <span>满减</span>
|
||||
</div>
|
||||
<div class="rcb_bottom">
|
||||
<span>可用木吉抵扣20%货款</span>
|
||||
</div>
|
||||
</div>
|
||||
<img class="icon_icon" src="../img/icon_smjd.png" alt="" />
|
||||
</div>
|
||||
<div class="recommend_con_block shadown_wai">
|
||||
<img class="rcb_img" src="../img/kong.png" alt="" />
|
||||
<div class="rcb_con">
|
||||
<div class="rcb_title">
|
||||
<span>自营</span>VeroModa双腰头修身九分棉弹牛仔裤
|
||||
</div>
|
||||
<div class="rcb_pay">
|
||||
￥269.00 <span>满减</span>
|
||||
</div>
|
||||
<div class="rcb_bottom">
|
||||
<span>可用木吉抵扣20%货款</span>
|
||||
</div>
|
||||
</div>
|
||||
<img class="icon_icon" src="../img/icon_sscl.png" alt="" />
|
||||
</div>
|
||||
<div class="recommend_con_block shadown_wai">
|
||||
<img class="rcb_img" src="../img/kong.png" alt="" />
|
||||
<div class="rcb_con">
|
||||
<div class="rcb_title">
|
||||
<span>自营</span>VeroModa双腰头修身九分棉弹牛仔裤
|
||||
</div>
|
||||
<div class="rcb_pay">
|
||||
￥269.00 <span>满减</span>
|
||||
</div>
|
||||
<div class="rcb_bottom">
|
||||
<span>可用木吉抵扣20%货款</span>
|
||||
</div>
|
||||
</div>
|
||||
<img class="icon_icon" src="../img/icon_sscl.png" alt="" />
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
mui.plusReady(function() {
|
||||
var element;
|
||||
var parent = document.body;
|
||||
element = document.createElement('script');
|
||||
element.src = localStorage.getItem("jsUrl") + 'common.js?ver=' + localStorage.getItem('version');
|
||||
parent.appendChild(element);
|
||||
element.onload = function(){
|
||||
var style = [JZL.getCssUrl('goodslist.css'),JZL.getCssUrl('recommend.css'),JZL.getCssUrl('store_home.css'),JZL.getCssUrl('store_commodity.css'),JZL.getCssUrl('header.css'), JZL.getCssUrl('sha.css'), JZL.getCssUrl("global.css")];
|
||||
JZL.css_init(style);
|
||||
var script = [JZL.getJsUrl('recommend.js'),JZL.getJsUrl("goodslist.js")];
|
||||
JZL.js_init(script);
|
||||
setTimeout(function() {
|
||||
parent.style.visibility="visible";
|
||||
}, 100);
|
||||
};
|
||||
})
|
||||
</script>
|
||||
</html>
|
||||
@ -4,7 +4,7 @@
|
||||
<head style="visibility:hidden;">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<title>记事本</title>
|
||||
<title>烂笔头</title>
|
||||
<link rel="stylesheet" type="text/css" href="../css/mui.css" />
|
||||
</head>
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
<div class="header_con">
|
||||
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
||||
<!--<img src="../img/title_news.png" class="oc_logo" />-->
|
||||
<p class="title">记事本</p>
|
||||
<p class="title">烂笔头</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="z"></div>
|
||||
@ -29,7 +29,7 @@
|
||||
<div class="small_title">{{each.name}}</div>
|
||||
</div>
|
||||
<div class="right" v-if="!each.currentDelete">
|
||||
<div class="operation edit" @click.stop.prevent="edit(index)">编辑</div>
|
||||
<div class="operation edit" @click.stop.prevent="edit(each.id)">编辑</div>
|
||||
<div class="delete operation" @click.stop.prevent="triggerDelete(index)">删除</div>
|
||||
</div>
|
||||
<div class="right" v-else>
|
||||
|
||||
61
templete/notepad_edit.html
Normal file
61
templete/notepad_edit.html
Normal file
@ -0,0 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head style="visibility:hidden;">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
||||
<title>内容编辑</title>
|
||||
<link rel="stylesheet" type="text/css" href="../css/mui.css" />
|
||||
</head>
|
||||
|
||||
<body style="visibility:hidden;">
|
||||
<div class="header">
|
||||
<div class="header_con">
|
||||
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
||||
<!--<img src="../img/title_news.png" class="oc_logo" />-->
|
||||
<p class="title">内容编辑</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="z"></div>
|
||||
<div class="con">
|
||||
<div class="row shadown_wai">
|
||||
<span class="s1">标题:</span>
|
||||
<input type="text" name="title" id="title" value="" placeholder="请输入标题" />
|
||||
</div>
|
||||
<div class="row">
|
||||
<span>创建时间：<span id="createTime"></span></span>
|
||||
</div>
|
||||
<div id="content"></div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
保存
|
||||
</div>
|
||||
</body>
|
||||
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../js/uploader.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../lib/wangEditor/wangEditor.min.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../lib/wangEditor/moxie.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../lib/wangEditor/qiniu.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../lib/wangEditor/plupload.dev.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
mui.plusReady(function() {
|
||||
var element;
|
||||
var parent = document.body;
|
||||
element = document.createElement('script');
|
||||
element.src = localStorage.getItem("jsUrl") + 'common.js?ver=' + localStorage.getItem('version');
|
||||
parent.appendChild(element);
|
||||
element.onload = function() {
|
||||
var style = [JZL.getCssUrl('notepad_edit.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
|
||||
JZL.css_init(style);
|
||||
var script = [JZL.getJsUrl('notepad_edit.js')];
|
||||
JZL.js_init(script);
|
||||
setTimeout(function() {
|
||||
parent.style.visibility = "visible";
|
||||
}, 100);
|
||||
};
|
||||
})
|
||||
|
||||
</script>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user