html磁贴模板,文本磁贴模板（列表文件夹）(HTML)

文本磁贴模板(列表文件夹)(HTML)

03/04/2016

本文内容

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发，请参阅最新文档 ]

定义一个表示磁贴的项，该项包含一个标题。此模板可以与具有网格布局的 ListView 结合使用。有关更多模板，请参阅网格布局的项模板和列表布局的项模板。

要使用该模板

要使用该模板，需将 HTML 和 CSS 样式复制到你的项目中。HTML 包含专用于该模板的 ListView。在你复制 HTML 之后，将 ListView 控件的 itemDataSource 设置为你的应用的数据源，并更新模板的 data-win-bind 属性以便它们能使用你的数据。

HTML

data-win-control="WinJS.Binding.Template">

style="position: relative; left: -1px; top: 134px; border: none"

data-win-control="WinJS.UI.ListView"

data-win-options="{ itemDataSource: list.dataSource,

itemTemplate: select('#textTileListFolderTemplate'),

layout: { type: WinJS.UI.GridLayout } }">

CSS

/* overall list dimensions */

#textTileListFolder {

width: 1366px;

height: 578px;

position: absolute;

top: -5px;

}

/*-------------------------------------------------------------------------------------------*/

/* textTile-listFolder - used in Picker list view */

/*-------------------------------------------------------------------------------------------*/

/* starting margin */

#textTileListFolder .win-horizontal.win-viewport .win-surface {

margin: 0px 100px;

}

#textTileListFolder .win-horizontal.win-viewport .win-container {

margin: 5px 20px;

}

/* individual item dimensions */

.textTileListFolder {

width: 270px;

height: 60px;

overflow: hidden;

padding: 5px 15px;

background-color: #333333;

display: -ms-flexbox;

-ms-flex-pack: end;

-ms-flex-direction: column;

color: rgba(255,255,255,0.8);

}

/* High Contrast */

@media (-ms-high-contrast) {

/* add a border to the item */

.textTileListFolder {

padding: 3px 13px;

color: WindowText;

background-color: Window;

border: 2px solid WindowText;

}

html磁贴模板,文本磁贴模板（列表文件夹）(HTML)相关推荐

CmsEasy 模板均放置在template文件夹
CmsEasy 模板均放置在template文件夹,以文件夹形式存放. default 模板包结构模板方案文件夹 ================= announ 文件夹 ============ ...
windows环境实现批量加密文件，并创建加密文件同名（不带后缀）的文件夹，然后把加密文件和图片和文本放入这个文件夹。
1. 需求我想把资源文件先加密成压缩文件,然后同时创建每个加密压缩文件同名的文件夹,同时需要把这个加密文件拷贝到这个同名的文件夹,然后还需要把一个图片和一个文本文档同时放进这个文件夹,然后在不加密压 ...
【幼升小信息-03】20220611批量模板制作幼儿基本信息收集文件夹（包含PDF、Word、证件文件夹）
一.背景需求 2022年6月上海幼升小登记,由于疫情全部在网上进行,如何让家长用手机.电脑自主修改"草表"信息,如何快速从家长手中收集各类证件,就成为大班老师的工作重点. 二. ...
bin文件怎么转换成文本文档_Python脚本4：根据txt文本，批量创建文件夹
背景:深度学习图像分类的时候,有许多的标签类.1000个标签就需要创建1000个文件夹,文件夹里面放入对应的图像.不可能一个一个右击创建文件夹,所以有了今天的脚本.根据txt文本每一行的类别,创建文件 ...
c++ _mkdir无法创建文件夹_Python脚本4：根据txt文本，批量创建文件夹
背景:深度学习图像分类的时候,有许多的标签类.1000个标签就需要创建1000个文件夹,文件夹里面放入对应的图像.不可能一个一个右击创建文件夹,所以有了今天的脚本.根据txt文本每一行的类别,创建文件 ...
python保存图片到指定路径_python 抓取页面数据，并保存图片文本到指定目录文件夹...
这个爬虫主要利用scrapy+beautifulsoup完成,其中图片保存碰到了一个大坑,花了一天的时间才解决. 大坑就是:在抓取文章页指定区域所有图片的时候,刚好那块区域的图片所有页面都一样,导致图 ...
Python 文本对话框提示框 + 文件夹选择框如何实现
Python 文本对话框提示框: messagebox.showinfo("提示","你好,我是提示框") Python 文件夹选择框: foldr_patch ...
odoo 自定义视图_如何使用Windows的五个模板自定义文件夹视图
odoo 自定义视图 If you're particular about how Windows displays the contents of your folders, you can cut ...
dz每个php模板页文件,DZ模板discuz3.2仿魔客吧模板源码-包含DIY文件-价值450元DZ模板discuz3.2仿魔客吧模板...
DZ模板discuz3.2仿魔客吧模板源码-包含DIY文件-价值450元模板是绝对完整无错的! 完美支持DiscuzX3.x,DiscuzX2.5.完全开源,无域名绑定,无用限制!新闻频道设置方法 ...
Django-2- 模板路径查找，模板变量，模板过滤器，静态文件引用
模板路径查找路径配置 2. templates模板查找有两种方式 2.1 - 在APP目录下创建templates文件夹,在文件夹下创建模板 2.2 - 在项目根目录下创建templates文件夹, ...

html磁贴模板,文本磁贴模板（列表文件夹）(HTML)

html磁贴模板,文本磁贴模板（列表文件夹）(HTML)相关推荐

最新文章

热门文章