67 lines
1008 B
Vue
67 lines
1008 B
Vue
|
<template>
|
||
|
|
<view class="flex column boxshadow rad32 but mac ofh" :style="{background:bg}">
|
||
|
|
<view class="imgBox">
|
||
|
|
<u--image :src="imgSrc" width="128rpx" height="128rpx"></u--image>
|
||
|
|
</view>
|
||
|
|
<view class="tc w100 fb butBt fci fz44 l-h-12">{{butBt}}</view>
|
||
|
|
<view class="tc w100 butSt fci fz32">{{butSt}}</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "mainBut",
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
};
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
bg: {
|
||
|
|
type: String,
|
||
|
|
default: '',
|
||
|
|
required: true,
|
||
|
|
deep: true
|
||
|
|
},
|
||
|
|
imgSrc: {
|
||
|
|
type: String,
|
||
|
|
default: '',
|
||
|
|
required: true,
|
||
|
|
deep: true
|
||
|
|
},
|
||
|
|
butBt: {
|
||
|
|
type: String,
|
||
|
|
default: '',
|
||
|
|
required: true,
|
||
|
|
deep: true
|
||
|
|
},
|
||
|
|
butSt: {
|
||
|
|
type: String,
|
||
|
|
default: '',
|
||
|
|
required: true,
|
||
|
|
deep: true
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
.but {
|
||
|
|
width: 339rpx;
|
||
|
|
height: 339rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.imgBox {
|
||
|
|
width: 128rpx;
|
||
|
|
height: 128rpx;
|
||
|
|
margin-top: 24rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.butBt {
|
||
|
|
height: 48rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.butSt {
|
||
|
|
height: 40rpx;
|
||
|
|
}
|
||
|
|
</style>
|