wxProject-w4w/miniprogram/pages/index/index.wxml

<!--index.wxml-->
<view class="container">

    <!-- 开始界面 -->
    <view class="miao_page" id = 'startPage'>
        <!-- 立即搜索 -->
        <view class="buttom_startPage" id="gotoSearch" bind:tap="popup_camera">
            <image src="./static/icons/camera.svg" mode="'aspectFit'" style="height: 180rpx;width: 180rpx;margin-right:50rpx;" />
            <view class="text_startPage">立即搜索</view>
        </view>
        <view class='buttom_startPage' id="buttom_startPage1" bind:tap="{{function_startPage1}}">
            <image src="{{imgUrl_startPage1}}" mode="'aspectFit'" style="height: 100rpx;width: 100rpx;margin-right:30rpx;" />
            <view class="text_startPage">{{text_startPage1}}</view>
        </view>
        <view class='buttom_startPage' id="buttom_startPage2" bind:tap="{{function_startPage2}}">
            <image src="{{imgUrl_startPage2}}" mode="'aspectFit'" style="height: 100rpx;width: 100rpx;" />
        </view>
        <view class='buttom_startPage' id="buttom_startPage3" bind:tap="{{function_startPage3}}">
            <image src="{{imgUrl_startPage3}}" mode="'aspectFit'" style="height: 100rpx;width: 100rpx;" />
        </view>
        <view class='buttom_startPage' id="buttom_startPage4">
            <view class="text_startPage">{{text_startPage4}}</view>
            <image src="{{imgUrl_startPage4}}" mode="'aspectFit'" style="height: 100rpx;width: 100rpx;margin-left:30rpx;" />
        </view>
        <view class="buttom_startPage" id="tips_startPage" hidden="{{tip_hidden}}" style="justify-content: left;">
            <view class="tip_head" style="margin-left: 15rpx;font-weight: 600;">Daliy Tips:</view>
            <view class="tip_content">{{tip_content}}</view>
        </view>
        <view class="buttom_startPage test" id='test' bind:tap="startPage_Bottons_leave">测试移去</view>
        <view class="buttom_startPage test" id='test2' bind:tap="popup_camera">弹出相机</view>
    </view>

    <!-- 相机界面，放在下面 -->
    <view id='page_camera' class="miao_page">
        <camera id='camera' device-position="back" flash="off"></camera>
        <view id="page_camera_background"></view>
        <view id="buttom_takePhoto" bind:tap="takePhoto">
            <view id="buttom_takePhoto1">
            </view>
        </view>
        <view id="page_camera_back" bind:tap="exit_camera">
            <image src="./static/icons/back.svg" mode="aspectFit" />
        </view>
        <view id="page_camera_local">
            <image src="./static/icons/local_Img.svg" mode="aspectFit" />
        </view>
    </view>

    <!-- 知识库界面 -->
    <view id="page_lib" class="miao_page">
        <view class="title">
            <view>知识库</view>
            <view class="page_back" bind:tap="exit_lib">
                <image src="./static/icons/back.svg" mode="aspectFit" />
            </view>
        </view>
        <view class="content">
            <view wx:for="{{ data_lib_test }}" wx:for-item="n">
                <view class="node" style="background-color: {{ n.riskBgColor }};">
                    <view class="node_content">
                        <view class="node_name">{{ n.name.zh }}</view>
                        <!-- <image class="node_img" src="{{ n.imgUrl }}" mode="'aspectFit'"/> -->
                        <view class="node_safe" wx:if="{{ n.scores > 66 }}"><view>安全</view></view>
                        <view class="node_danger" wx:if="{{ n.scores < 33 }}"><view>危险</view></view>
                        <view class="node_scores">评分: {{ n.scores }}</view>
                        <view class="node_risk" style="background-color: {{ n.riskBgColor }};">{{ n.riskStr }}</view>
                    </view>
                </view>
            </view>
        </view>
    </view>

    <!-- 历史记录界面 -->
    <view id="page_history" class="miao_page">
        <view class="title">
            <view>历史记录</view>
            <view class="page_back" bind:tap="exit_history">
                <image src="./static/icons/back.svg" mode="aspectFit" />
            </view>
        </view>
        <!-- <view class="date1">{{currentDate}}</view>
        <view class="picture1">picture1</view>
        <view class="picture2">picture2</view> -->

        <view class="content">
            <view class="history_part" wx:for="{{data_history_test}}" wx:for-index="date" wx:for-item="arr">
                <view class="history_time">{{date}}</view>
                <view class="history_content">
                    <view class="picture" wx:for="{{arr}}" wx:for-item="content">
                        <!-- {{content}} -->
                        <image src="{{imgUrl_startPage2}}" mode="'aspectFit'" style="height: 150rpx;width: 150rpx;" />
                    </view>
                </view>
            </view>
        </view>
    </view>

    <!-- 我的收藏界面 -->
    <view id="page_collect" class="miao_page">
        <view class="title">
            <view>我的收藏</view>
            <view class="page_back" bind:tap="exit_collect">
                <image src="./static/icons/back.svg" mode="aspectFit" />
            </view>
        </view>
        <view class="content">
            <view wx:for="{{ data_collect_test }}" wx:for-item="n">
                <view class="node" style="background-color: {{ n.riskBgColor }};">
                    <view class="node_content">
                        <view class="node_date">{{ n.date }}</view>
                        <image class="node_img" src="{{ n.imgUrl }}" mode="'aspectFit'"/>
                        <view class="node_scores">评分: {{ n.scores }}</view>
                        <view class="node_risk" style="background-color: {{ n.riskBgColor }};">{{ n.riskStr }}</view>
                        <view class="node_remark">{{ n.remark }}</view>
                    </view>
                </view>
            </view>
        </view>
    </view>

</view>