|
|
@@ -0,0 +1,89 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <u-navbar title="查看票据"></u-navbar>
|
|
|
+ <view class="bill" v-for="item in 2">
|
|
|
+ <view class="img">
|
|
|
+ <img src="../../../assets/img/bill.png" alt="">
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="options">
|
|
|
+ <view class="key">
|
|
|
+ 票据1
|
|
|
+ </view>
|
|
|
+ <view class="btn">
|
|
|
+ <button class="download">下载票据</button>
|
|
|
+ <button class="print">打印票据</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .bill{
|
|
|
+ margin: 24rpx 32rpx;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
|
|
|
+ .img{
|
|
|
+ width: 100%;
|
|
|
+ height: 398rpx;
|
|
|
+
|
|
|
+ img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .options{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 0px 0px 4px 4px;
|
|
|
+ background-color: #000000;
|
|
|
+ opacity: 0.4;
|
|
|
+ padding: 24rpx;
|
|
|
+ .key{
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-size: 16px;
|
|
|
+
|
|
|
+ }
|
|
|
+ .btn{
|
|
|
+ display: flex;
|
|
|
+ uni-button{
|
|
|
+ width: 160rpx;
|
|
|
+ height: 64rpx;
|
|
|
+ line-height: 64rpx;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 28rpx;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ .download{
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ color:#333333;
|
|
|
+ }
|
|
|
+ .print{
|
|
|
+ background-color:#0DBAC7;
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ margin-left: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+</style>
|
