record.wxml
1.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!--pages/record/record.wxml-->
<view class='bg'>
<image src='../../images/bg@2x.jpg'></image>
<view class='top_text'>
<view class='mini_title'>去过的地方，就是连接起来的一段脚步音符</view>
<view class='title'>来制作你的音乐logo吧</view>
</view>
<view class='center_img'>
<view class='map_container'>
<block wx:if='{{src}}'>
<image src='{{src}}'></image>
</block>
<block>
<map class="map" id="map" longitude="{{longitude}}" latitude="{{latitude}}" show-location="true" scale="{{scale}}" markers="{{markers}}" bindmarkertap="makertap" ></map>
</block>
</view>
</view>
<view class='bottom_box'>
<view class='play_box'>
<view class='play_left' bindtap="audioPlay" wx:if='{{play}}'>
<image src='../../images/zanting@2x.png'></image>
</view>
<view class='play_left' bindtap="audioPause" wx:else>
<image src='../../images/bofang@2x.png'></image>
</view>
<view class='play_rigth'>
<view class='play_text'>来听听你的专属脚步音乐logo</view>
<audio src="" id="myAudio" loop duration currentTime></audio>
<view class='play_control'>
<view class='play_item_yes' style="width:{{palyrate}}%">
</view>
<view class='silde_item' style="left:{{palyrate}}%"></view>
<view class='play_item_no' style="width:{{100-palyrate}}%"></view>
<view class='play_num'>
<view>{{startsec}}</view>
<view>{{endsec}}</view>
</view>
</view>
</view>
</view>
<view class='btn_box'>
<button class='btn' open-type='share'>转发到好友或群聊</button>
<view class='btn end_btn' bindtap='saveImg'>保存图片后发至朋友圈让更多好友听到</view>
</view>
</view>
</view>