1 <body>
2 <render>
3 <View desc=‘容器‘ style={styles.container}>
4 <View desc=‘上部分视图‘ style={styles.contentView}>
5 <Image style={styles.image}/>
6 <View style={styles.rightContainer}>
7 <Text style={styles.title}>视频问诊
8 <Text style={styles.price}>￥99</Text>
9 </Text>
10 <Text style={styles.subTitle}>这里的文案待定待定</Text>
11 </View>
12 </View>
13 <View desc=‘分割线‘ style={styles.lineView}/>
14 <View desc=‘下部分视图‘ style={styles.bottomContainer}>
15 <Text style={styles.purchase}>点击购买</Text>
16 <View style={styles.arrow}/>
17 </View>
18 </View>
19 <render>
20 <css>
21 {
22 container: {
23 marginTop: 100,
24 marginLeft: 0,
25 marginRight: 0,
26 height: 91
27 },
28 contentView: {
29 marginTop: 0,
30 marginLeft: 0,
31 marginRight: 0,
32 height: (182 - 50) / 2.0,
33 flexDirection: ‘row‘
34 },
35 image: {
36 marginLeft: 10,
37 marginTop: 10,
38 width: 45,
39 height: 45,
40 borderRadius: 45 / 2.0,
41 backgroundColor: ‘blue‘
42 },
43 rightContainer: {
44 flex: 1,
45 marginLeft: 11,
46 marginRight:0,
47 marginTop: 0,
48 marginBottom: 0
49 },
50 title: {
51 marginTop: 15,
52 color: ‘#212121‘,
53 fontSize: 15
54 },
55 price: {
56 textAlign: ‘right‘
57 },
58 subTitle: {
59 marginTop: 11,
60 color: ‘#bdbdbd‘,
61 fontSize: 12
62 },
63 lineView: {
64 marginLeft: 10,
65 marginRight: 10,
66 height: 1,
67 backgroundColor: ‘#e0e0e0‘
68 },
69 bottomContainer: {
70 flex: 1,
71 marginLeft: 0,
72 marginRight: 0,
73 marginTop: 0,
74 flexDirection: ‘row‘,
75 alignItems: ‘center‘
76 },
77 purchase: {
78 flex: 1,
79 color: ‘#bdbdbd‘,
80 fontSize: 15,
81 marginLeft: 10
82 },
83 arrow: {
84 marginRight: 10,
85 width: 15,
86 height: 15,
87 backgroundColor: ‘blue‘
88 }
89 <css>
90
91
92 </body>
时间： 2024-12-23 22:52:37