|
|
- <template>
- <view class="submit">
- <!-- 联系客服 -->
- <!-- <view @click="$emit('service')" class="service-icon">
- <image src="@/pages_order/static/productDetail/service.png" mode="widthFix" class="service-icon-img">
- </image>
- <view class="title">
- 客服
- </view>
- </view> -->
-
- <button
- open-type="contact"
- class="service-icon">
- <image src="@/pages_order/static/productDetail/service.png"
- mode="aspectFill" class="service-icon-img">
- </image>
- </button>
-
- <button
- class="service-icon"
- @click="$emit('toSend')">
- <image src="/static/image/center/9.png"
- mode="aspectFill" class="service-icon-img"/>
- </button>
-
- <view class="submit-btn">
- <view class="l"
- @click="$emit('addCart')">
- 加入购物车
- </view>
- <view class="r" @click="$emit('submit')">
- {{ submiitTitle }}
- </view>
- </view>
- </view>
- </template>
-
- <script>
- export default {
- name: "submit",
- props: {
- submiitTitle: {
- default: '立即购买',
- type: String,
- },
- detail: {
- default: {}
- },
- },
- data() {
- return {
-
- }
- },
- methods: {
-
- }
- }
- </script>
-
- <style lang="scss" scoped>
- .submit {
- position: fixed;
- bottom: 0;
- left: 0;
- width: 100vw;
- background-color: #fff;
- height: 100rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 24rpx;
- padding: 0rpx 20rpx;
- box-sizing: border-box;
-
- // 联系客服
- .service-icon {
- padding: 0;
- margin: 0;
- background-color: transparent;
- display: flex;
- flex-direction: column;
- justify-content: center;
- margin: 0 20rpx;
- &::after{
- border: 0;
- }
-
- .service-icon-img {
- width: 45rpx;
- height: 45rpx;
- }
-
- .title {
- font-size: 26rpx;
- color: #666666;
- }
- }
-
- .submit-btn {
- width: calc(100% - 140rpx);
- height: 80rpx;
- color: #fff;
- border-radius: 40rpx;
- font-size: 28rpx;
- margin-left: 40rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- overflow: hidden;
- border: 1rpx solid $uni-color;
- .l {
- flex: 1;
- display: flex;
- justify-content: center;
- align-items: center;
- color: $uni-color;
- }
-
- .r {
- background: $uni-color;
- flex: 1;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- }
- }
- </style>
|