Axure原型|订餐小程序(外卖+堂食扫码点餐)原型模板

Axure原型|订餐小程序(外卖+堂食扫码点餐)原型模板,第1张

作品名称:订餐小程序(外卖+堂食扫码点餐)原型模板

当前版本:V1.0

软件版本:Axure RP 8

文件格式:RP

作品预览及获取链接: https://www.axureshop.com/a/1281049.html

作品介绍:

这是一款外卖点餐、堂食(扫码点餐)的微信小程序,

主要功能包括:外卖以及堂食订餐、订单管理(堂食以及外卖)、我的(个人中心)以及积分商城四大模板

部分功能展示如下:

浏览并获取更多原型作品和资源,欢迎访问纤纤露的官方店:

https://www.axureshop.com/shop/12906

<a target="_blank" href="http://shang.qq.com/wpa/qunwpa?idkey=f017f9f6a78f29b4556c2842817783d545e9a40de7fb2cde1837fdaad3238587"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="Php从精通到放弃" title="Php从精通到放弃"></a>

HTML做个数据录入的模板。如下参考:

1、首先新建一个html,点击<body></body>中间,先填入表格内容:

2.内容可根据要求编写,示例代码如下:

<table>

<p style="text-align:center ">功课表</p>

<tr>

<th>语文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>数学</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

<tr>

<th>英文</th>

<td>7:00-7:40</td>

<td>7:50-8:30</td>

</tr>

</table>

3.然后在<head></head>中间输入样式表的样式,如下图:

4.样式也可以根据个人需要设置,设置单元格的宽度高度,合并单元格,位置,颜色等,示例代码如下:

<style type="text/css">

body

{

width:340px

height:800px

}

table

{

border-collapse:collapse

}

th,td

{

width:100px

height:40px

border:1pxsolidblack

font-size:12px

text-align:center

}

</style>

5.注意,此代码“table的意思是表”的含义是将表边框合并为单个边框以合并相邻的更改。

6.预览结果如下图所示,一个制作简单的HTML模板。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6171917.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存