2020-09-28

最新推荐文章于 2024-10-02 05:39:15 发布

weixin_50498092

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量85

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_50498092/article/details/108850553

版权

这个博客展示了大白小程序的三个不同页面。首页包含背景图片、跳转按钮和音乐播放图标。页面一为公司介绍，包括轮播图、公司简介、产品服务等模块。页面二详细介绍了两种商品风格，如「郁金飘香」和「阿尔卑斯」，并配以图文说明。页面三提供联系方式，包括电话、微信、邮箱和地址，以及在线客服和版权信息。

摘要由CSDN通过智能技术生成

大白小程序

// An highlighted block
<view class="SevenOne">
	<image src="{{imageUrl.backImage}}" class="back_image"></image>
	<view bindtap="jumpPage" class="jump"><image class="p1" src="../../img/sq.png"></image></view>
	<view class="music" bindtap="music">
		<image src="{{imageUrl.musicIcon}}" class="{{rotate?'rotate_paused':'rotate_running'}}"></image>
	</view>
</view>
//页面一
<!--pages/white1/white1.wxml-->
<view>
	<view class="one">
		
		<swiper autoplay="true" indicator-dots="true" indicator-color="#ffffff" indicator-active-color="#726E60">
		<swiper-item wx:for="{{a1}}"><image src="{{item}}"></image></swiper-item>
		</swiper>
	</view>
	<view class="two">
		<view class="box1">
			<view class="two1">
				<navigator url="../aa/aa">
					<image src="../../img/n1.png"></image>
				</navigator>
				<view>公司简介</view>
			</view>
			<view class="two2">
				<navigator url="../bb/bb">
					<image src="../../img/n2.png"></image>
				</navigator>
				<view>产品服务</view>
			</view>
			<view class="two3">
				<navigator url="../cc/cc">
					<image src="../../img/n3.png"></image>
				</navigator>
				<view>典型案例</view>
			</view>
		</view>
		<view class="box2">
			<view class="two4">
				<navigator url="../dd/dd">
					<image src="../../img/n4.png"></image>
				</navigator>
				<view>公司动态</view>
			</view>
			<view class="two5">
				<navigator url="../ee/ee">
					<image src="../../img/n5.png"></image>
				</navigator>
				<view>合作共赢</view>
			</view>
			<view class="two6">
				<navigator url="../ff/ff">
					<image src="../../img/n6.png"></image>
				</navigator>
				<view>最新产品</view>
			</view>
		</view>
	</view>
	<view class="three">
		<image src="../../img/b3.jpg"></image>
	</view>
	<view class="four">
		<image src="../../img/b2.jpg"></image>
	</view>
</view>
//页面二
<!--pages/white2/white2.wxml-->
<view>
	<view class="p1">
		<image src="../../img/f1.jpg"></image>
	</view>

	<view class="z1">
  <view class="xq1">01商品详情</view>
		维意风格「郁金飘香」，以纯白色、深棕色为主，整体感觉典雅、细腻。该风格的面板是“胡桃木+白牡丹吸塑”，融合了现代与中式的设计风格，在款式和色调上强调简约‘舒适、温馨。此设计去繁就简、张弛有度，体现了现代人追求简约精致的高质量生活理念。
	</view>
	<view class="p2">
		<image src="../../img/f2.jpg"></image>
	</view>
	<view class="z2">
  <view class="xq2">02商品详情</view>
		维意风格「阿尔卑斯」，以奶白色、木黄色为主，整体感觉清新素雅。改风格的面板是“白蜡木+香雪意境吸塑”组合，共同营造淡雅的意境。此设计强调结构简单与功能舒适和实用，略偏简欧风格，着重在于突显出装饰主义风味的古典质感，因此简约而不失格调。
	</view>
</view>

//页面三
<!--pages/white3/white3.wxml-->
<view>
<view class="tu">  <image src="../../img/lx.jpg">  </image></view>
<view class="box1">
<view class="tel">  <image src="../../img/tel.png"></image>电话：15354880068</view>
<view class="wei"> <image src="../../img/weixin.png"></image>微信：泉州大白网络科技</view>
<view class="email"> <image src="../../img/email.png"></image>邮件：laosan0070@163.com</view>
<view class="map"  bindtap="maps">  <image src="../../img/map.png"></image>内蒙古呼和浩特市托克托县光明路</view>
</view>
<view class="box2">  <button class="an" style="width:100vw">在线客服</button>  </view>
<view class="xiao">@2017泉州大白网络科技 版权所有</view>
</view>