zq
2 months ago
4 changed files with 6 additions and 163 deletions
@ -1,39 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
<style> |
|||
.leftSideFooterNew{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
justify-content: center; |
|||
align-items: center; |
|||
padding: 30px 70px; |
|||
font-size: var(--font-small-size); |
|||
color: #9E9E9E; |
|||
position: relative; |
|||
z-index: 98; |
|||
} |
|||
.leftSideFooterNew p{ |
|||
margin: 0; |
|||
color: #9E9E9E; |
|||
} |
|||
.leftSideFooterNew p span{ |
|||
color: #5B6FF6; |
|||
display: inline-block; |
|||
} |
|||
.leftSideFooterNew p a{ |
|||
color: #9E9E9E; |
|||
text-decoration: none; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<div class="leftSideFooterNew"> |
|||
<p>Copyright ©2012-{$smarty.now|date_format:'%Y'} .</p> |
|||
<p><span>All Rights Reserved</span> {if $_siteinfo.company_name} {$_siteinfo.company_name}{/if}{if $webbeian} {$webbeian}{/if}</p> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -1,11 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
</head> |
|||
<body> |
|||
|
|||
</body> |
|||
</html> |
|||
@ -1,109 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>Document</title> |
|||
<link rel="stylesheet" href="./style/css/ui.css"> |
|||
<script src="./style/js/vue@2.js"></script> |
|||
<script src="./style/js/index.js"></script> |
|||
</head> |
|||
|
|||
<body> |
|||
<div id="app"> |
|||
<el-button type="primary">主要按钮</el-button> |
|||
<el-button type="primary" @click="dialogVisible = true">打开对话框</el-button> |
|||
<el-dialog title="提示" :visible.sync="dialogVisible" width="30%"> |
|||
<span>这是一个对话框</span> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="dialogVisible = false">取消</el-button> |
|||
<el-button type="primary" @click="dialogVisible = false">确定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
|
|||
<el-table :data="tableData" style="width: 100%" height="500"> |
|||
<el-table-column> |
|||
<template slot-scope="scope"> |
|||
<div class="flex cell_render"> |
|||
<div class="flex"> |
|||
<span>¥{{ scope.row.stock }}/篇</span> |
|||
<b>{{scope.row.name}}</b> |
|||
</div> |
|||
<p>华佗医生真是医术高明，每次看您的微博都能学到很多中医的智慧和精髓，真是受益匪浅！感谢您为中医事业做出的贡献💐。</p> |
|||
<div class="flex"> |
|||
<el-button>删除</el-button> |
|||
<el-button type="primary">通过</el-button> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination |
|||
background |
|||
layout="prev, pager, next" |
|||
:total="total" |
|||
:page-size="pageSize" |
|||
@current-change="handlePageChange" |
|||
> |
|||
</div> |
|||
</body> |
|||
<script> |
|||
new Vue({ |
|||
el: '#app', |
|||
data() { |
|||
return { |
|||
dialogVisible: false, |
|||
pageSize: 20, |
|||
currentPage: 1, |
|||
// 如果冲突需要改一下界定符 |
|||
// $smarty->left_delimiter = '{%'; |
|||
// $smarty->right_delimiter = '%}'; |
|||
// 如果直接使用模板数据 如下 |
|||
// allData: [ |
|||
// {% foreach $items as $item %} |
|||
// { name: '{% $item.name %}', price: {% $item.price %} }, |
|||
// {% /foreach %} |
|||
// ], |
|||
tableData: [{ |
|||
stock: 12, |
|||
name: '小红' |
|||
}, |
|||
{ |
|||
stock: 12, |
|||
name: '小lb' |
|||
|
|||
}, |
|||
{ |
|||
stock: 12, |
|||
name: 'hahhhahsh ' |
|||
}, |
|||
{ |
|||
stock: 12 |
|||
}, |
|||
] |
|||
|
|||
}; |
|||
}, |
|||
computed: { |
|||
// 当前页的数据 |
|||
tableData() { |
|||
const start = (this.currentPage - 1) * this.pageSize; |
|||
const end = start + this.pageSize; |
|||
return this.tableData.slice(start, end); |
|||
}, |
|||
// 数据总数 |
|||
total() { |
|||
return this.tableData.length; |
|||
}, |
|||
}, |
|||
methods: { |
|||
// 分页切换事件 |
|||
handlePageChange(page) { |
|||
this.currentPage = page; |
|||
}, |
|||
}, |
|||
}); |
|||
</script> |
|||
|
|||
</html> |
|||
Loading…
Reference in new issue