|
|
- <template>
- <view class="page">
- <navbar title="合同模板"
- leftClick
- @leftClick="$utils.navigateBack"/>
-
-
- <view class="content">
- <view class="projectContent"
- @click="$utils.navigateTo('/pages_order/contract/contractManageEdit')"
- >
- <image src="../static/contract/contract.png" alt="" />
- <view class="info">
- <view class="projectName">
- xxxx电子合同
- </view>
- <view class="text">
- 甲方:湖南瀚海科技有限公司
- </view>
- <view class="text">
- 乙方:四川特能博世科技有限公司
- </view>
- </view>
- <view class="run"
- @click.stop="$utils.navigateTo('/pages_order/contract/contractManageEdit')">
- <uv-icon
- name="arrow-right"
- color="#2979ff"
- size="30rpx"></uv-icon>
- </view>
- </view>
- </view>
- <image src="/static/image/1.png" mode=""></image>
- </view>
- </template>
-
- <script>
- export default {
- data() {
- return {
-
- }
- },
- methods: {
-
- }
- }
- </script>
-
- <style scoped lang="scss">
- .page{
- .content {
- width: 100%;
- height: 100%;
- .projectContent {
- background-color: #fff;
- display: flex;
- margin: 30rpx;
- border-radius: 20rpx;
- image {
- width: 140rpx;
- height: 120rpx;
- margin: 20rpx;
- }
- .info {
- margin: 28rpx 10rpx;
- .projectName {
- font-size: 32rpx;
- }
- .text {
- font-size: 24rpx;
- }
- }
- .run{
- margin: auto;
- margin-right: 30rpx;
- height: 60rpx;
- width: 60rpx;
- border-radius: 50%;
- border: 1px solid $uni-color;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- }
- }
- }
- </style>
|