MiniPrograms/pages/approval/approval.vue

<template>
  <!-- <view class="container">
		<top-box></top-box>
    <view class="u-demo-block">
      <text class="u-demo-block__title"></text>
      <view class="u-demo-block__content">
        <view class="album">
          <view class="album__avatar">
            <image
              :src="parentinfo.avatarUrl"
              mode=""
              style="width: 32px;height: 32px;"
            ></image>
          </view>
          <view class="album__content">
            <u--text
              text="XXX"
              type="primary"
              bold
              size="17"
            ></u--text>
            <u--text
              margin="0 0 8px 0"
              text="孩子的校园生活与成长记录"
            ></u--text>
            <u-album :urls="urls2"></u-album>
          </view>
        </view>
      </view>
    </view>
  </view> -->
</template>

<script>
	import {mapState} from 'vuex'
    export default {
        data() {
            return {
                // albumWidth: 0,
                // urls2: [
                //     'https://cdn.uviewui.com/uview/album/1.jpg',
                //     'https://cdn.uviewui.com/uview/album/2.jpg',
                //     'https://cdn.uviewui.com/uview/album/3.jpg',
                //     'https://cdn.uviewui.com/uview/album/4.jpg',
                //     'https://cdn.uviewui.com/uview/album/5.jpg',
                //     'https://cdn.uviewui.com/uview/album/6.jpg',
                //     'https://cdn.uviewui.com/uview/album/7.jpg',
                //     'https://cdn.uviewui.com/uview/album/8.jpg',
                //     'https://cdn.uviewui.com/uview/album/9.jpg',
                //     'https://cdn.uviewui.com/uview/album/10.jpg',
                // ],
            }
        },
				computed:{
					...mapState('m_parent',['parentinfo'])
				}
    }
</script>

<style lang="scss">
	// .container{
	// 	height: 100%;
	// 	.home-topinfo{
	// 		background: linear-gradient(#ff5959, #f1f3f5);
	// 	}
	// 	.u-demo-block{
	// 		margin-left: 34rpx;
	// 		margin-top: -30rpx;
	// 	}
	// 	.album {
 //        @include flex;
 //        align-items: flex-start;

 //        &__avatar {
 //             background-color: $u-bg-color;
 //             padding: 10rpx;
 //             border-radius: 6rpx;
 //         }
    
 //        &__content {
 //             margin-left: 20rpx;
 //             flex: 1;
 //         }
 //    }
	// }
    
</style>