html程序产品目录,产品目录(Catalog)制作大师

这是一款免费的软件,用于快速制作精美的产品报价单(Catalog)。

相似软件

版本说明

软件地址3.6.0.1 最新版

查看

5.0.4.0920 官方版

查看

1.2.6 电脑版

查看

2012版增加了win7支持。

2007版 新增加了制作目录册的功能,可以把多个catalog页面甚至包括外来htm文件,打包编译为一个左边有导航栏,右边页面的chm文件或者zip压缩包或者mht文件等格式。

2007新增加了搜索功能,不但catalog制作器可以搜索历史文件,就是做出来的chm文件,也带有全文搜索功能。

>作为业务人员,经常需要制作大量的报价单发给客户,这是繁重的重复体力劳动。如果草草做一个word或者excel文件发给对方,通用性不好不说,且文件体积大,工作量也不小,难以添加互动功能。而如果仔细的做一个精美的word格式的catalog,那么针对不同客户不同报价,或者产品更新换代也比较麻烦。

>现在,有了免费的产品目录制作大师帮忙,相信能使您轻松解决以上问题。作出有声有色,具有互动功能的catalog,只需轻点鼠标,几步完成。同样的内容,多样的输出方式,方便分发。

>3.4版新增了输出chm格式的功能。chm格式是windows平台的帮助文件格式,并且在linux系统下也有不少软件支持浏览查看。因此是一种很有潜力的Catalog样式。

>特点1、Html格式的Catalog,跨平台显示,并可输出chm单文件和自运行的exe可执行档catalog.

>特点2、自动计算和回传功能。在catalog中客户若有感兴趣的产品,只需输入相应数量,然后点击预览订单,即可看到所选产品的总计价格和总计重量等信息。点击“发送订单”按钮,可立即向您预设的邮箱地址发回订单。

>特点3、利用Html格式文件的内嵌多媒体功能,可以向您的catalog添加背景图,背景音乐,开场特效等。让客户在优美的轻音乐下欣赏您的catalog.

>本程序自带340余种背景图片,100余种背景音乐,16种视觉效果,8种类型,4种输出方式。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的带目录的文档微信小程序代码示例: ```xml <!-- index.wxml --> <view class="container"> <!-- 目录 --> <view class="menu"> <view class="menu-header">目录</view> <scroll-view class="menu-content" scroll-y="true"> <block wx:for="{{catalog}}"> <view class="menu-item" bindtap="scrollToSection" data-index="{{index}}"> {{item.title}} </view> </block> </scroll-view> </view> <!-- 文章正文 --> <view class="article" id="article"> <block wx:for="{{catalog}}"> <view class="section" id="{{'section-' + index}}"> <view class="section-header">{{item.title}}</view> <view class="section-content">{{item.content}}</view> </view> </block> </view> </view> ``` ```javascript // index.js Page({ data: { // 目录数据 catalog: [ { title: '第一章', content: '第一章内容...' }, { title: '第二章', content: '第二章内容...' }, { title: '第三章', content: '第三章内容...' } ] }, // 点击目录项跳转到对应章节 scrollToSection: function(e) { let index = e.currentTarget.dataset.index; let id = 'section-' + index; wx.pageScrollTo({ selector: '#' + id, duration: 300 }); } }) ``` ```css /* index.wxss */ .container { display: flex; flex-direction: row; } .menu { width: 25%; height: 100%; background-color: #F5F5F5; padding: 20rpx; box-sizing: border-box; } .menu-header { font-size: 28rpx; font-weight: bold; margin-bottom: 20rpx; } .menu-content { height: calc(100% - 80rpx); } .menu-item { font-size: 28rpx; margin-bottom: 20rpx; cursor: pointer; } .article { width: 75%; height: 100%; padding: 20rpx; box-sizing: border-box; } .section-header { font-size: 32rpx; font-weight: bold; margin-bottom: 20rpx; } .section-content { font-size: 28rpx; line-height: 40rpx; text-indent: 2em; } ``` 在上面的代码,目录数据存储在 `data` 的 `catalog` 数组,每个目录项包含 `title` 和 `content` 两个属性。在页面渲染时,可以使用 `wx:for` 循环遍历目录数据,并为每个章节设置一个唯一的 `id`,以便在点击目录项时能够跳转到对应章节。通过 `wx.pageScrollTo` 方法可以实现平滑滚动到目标章节的效果。在样式方面,使用了 flex 布局实现了目录和文章正文的左右分栏。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值