微信小程序——尤克里里和弦查询

微信小程序——尤克里里和弦查询

文件结构和效果预览

uk.wxml代码

<view class="body" >
    <view class="flex-row" >
        <view bindtap='c' class="{
    {btnc}}">C</view>
        <view bindtap='d' class="{
    {btnd}}">D</view>
        <view bindtap='e' class="{
    {btne}}">E</view>
        <view bindtap='f' class="{
    {btnf}}">F</view>
        <view bindtap='g' class="{
    {btng}}">G</view>
        <view bindtap='a' class="{
    {btna}}">A</view>