欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 小程序教程 >

    微信小程序现在音乐歌曲搜索页样式模板制作设计下载

    2018-06-13 09:57 来源/作者:懒人模板 分类:小程序教程  « »
    制作好以后效果图如下:
    一、wxml页面代码如下:
    <import src="../common/tab.wxml" />
    <import src="../common/list.wxml" />
    
    
    <template name="search">
    	<view class="search-area"> 
    		<input bindinput="inputing" placeholder="请输入搜索关键字" value="{{data.value}}" />
    		<button type="primary" size="mini" bindtap="bindSearch" loading="{{data.loading}}"> 立即搜索 </button>
    	</view>
    </template>
    
    <view class="container">
    	<template is="tab" data="{{list: tab, active: tabActive}}" />
    	<template is="search" data="{{data: search}}" />
    	<view class="songlist">
    		<block wx:for="{{list}}">
    			<template is="song-mini-item" data="{{item: item, index: index}}" />
    		</block>
    	</view>
    
    	<toast wx:if="{{toast}}" icon="{{toast.type}}">
    	    {{toast.text}}
    	</toast>
    
    </view>

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议