index.jsx 2.5KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. import withLayout from '@/layouts'
  2. import useSave from "@/utils/hooks/useSave"
  3. import image from '@/assets/icons/ProCard/8kb.jpg'
  4. import AuthPage from '@/components/AuthPage'
  5. import moment from 'moment'
  6. import { useState, useEffect } from 'react'
  7. import { Button, Radio, Input } from '@tarojs/components'
  8. import food from '@/assets/icons/ProCard/food.png'
  9. import ProCard_hot from '@/assets/icons/ProCard/ProCard_hot.png'
  10. import OrderMolded from '@/components/OrderMolded'
  11. import Popup from '@/components/Popup'
  12. import './style.less'
  13. export default (props) => {
  14. const { } = props
  15. return (
  16. <view class='container'>
  17. <view class='wrapper'>
  18. <view class='left-complete-one'>
  19. <image className='left-image-1' src={ProCard_hot}></image>
  20. <view className='left-viewText'>
  21. 返现¥16.00
  22. </view>
  23. {/* 评分 */}
  24. <view className='card-box-star'>
  25. {
  26. scoreList.map((_, index) => {
  27. const src = (index + '0.1') < score ? starOn : starOff
  28. return (
  29. <image className='card-star-image' key={index} src={src} />
  30. )
  31. })
  32. }
  33. <text className='card-star-text' >{score}</text>
  34. </view>
  35. <view className='title-image'>
  36. <image className='image-1' mode='scaleToFill' src={image}></image>
  37. <image className='image-2' src={food}></image>
  38. </view>
  39. <view className='title-content'>
  40. <view className='Pro-title'>
  41. <view className='title-text'>【橘里橘啊换行啊啊啊气咖啡店】新鲜出炉啦!</view>
  42. </view>
  43. <text className='title-money' >¥6990元<text className='title-money-2'>门市价78元</text></text>
  44. <view className='title-position-on'>
  45. <image className='title-position' src={position} />
  46. <text className='title-position-image'>南京市/秦淮区</text>
  47. <image className='title-on' src={imageSrc} />
  48. <text onClick={() => AddCollect()} className='title-on-text'>{value}</text>
  49. </view>
  50. </view>
  51. </view>
  52. <view class='right-complete-two'>
  53. <view className='right-content'>
  54. {/* <view className='right-number'>×1</view> */}
  55. <image className='right-image' src={Pay} />
  56. <view className='right-title'>支付</view>
  57. </view>
  58. </view>
  59. </view>
  60. </view>
  61. )
  62. }